RISCfuture

Adding TypeScript to a Rails + Webpacker + Vue project

These instructions assume you already have a Rails 5.2 project using Webpacker 4 with Vue 2 and Vuex 3. I'll show you how to add TypeScript to the project, and type-safe your Vue components, including single-file components (SFCs). This document will not teach you TypeScript syntax or type theory. It also assumes your code already works without TypeScript. You shouldn't use this article to, for example, get started with Vuex, because I'm leaving out lots of necessary boilerplate code and focusing just on TypeScript changes.

If you want to see a commit on a project accomplishing this migration, visit https://github.com/RISCfuture/AvFacts/commit/666a02e58b4626a074a03812ccdd193a3891a954.

Setup

1. Run rails webpacker:install:typescript. This should modify config/webpacker.yml and config/webpack/environment.js (leave those changes), add tsconfig.json and config/webpack/loaders/typescript.js (leave those files), and add some other files in `a

sashko

#compdef flutter
#autoload

# in order to make this work, you will need to have Flutter installed
#
# flutter zsh completion, based on adb completion

local -a _1st_arguments
_1st_arguments=(
  'analyze:Analyze the project''s Dart code'

judetucker

//
// Variables
// --------------------------------------------------

// Variables directly translating Bootstrap variables
// -------------------------

$s2bs-border-radius-base: $border-radius !default;
$s2bs-border-radius-large: $border-radius-lg !default;
$s2bs-border-radius-small: $border-radius-sm !default;

gerarldlee

Installing ChromeOS on VirtualBox

1. Download the NeverWare's ChromeOS build from http://www.neverware.com/freedownload

2. Extract the *.bin.zip

3. Convert it to VDI. vboxmanage convertdd chromiumos_image.bin chromiumos_image.vdi

4. mv chromiumis_image.vdi C:\t\v\chromeos\

gingerlime

    config.middleware.insert_before ActionDispatch::ParamsParser, ::Rack::Robustness do |g|
      g.no_catch_all
      # you might need to replace this with JSON::ParserError, depending on your Rails configuration
      # or you can catch both...
      g.on(MultiJson::ParseError) { |ex| 400 }
      g.content_type 'text/plain'
      g.body{ |ex| ex.message }
      g.ensure(true) do |ex|
        env['rack.errors'].write(ex.message)
        logger.warn(ex.message)

taras

You'll need proper development environment, learn about Ember CLI - https://www.youtube.com/watch?v=hygxGDjhGp8. 

You might want to know about more about what's happening under the hood, watch Robert Jackson talk about Ember Magic - https://www.youtube.com/watch?v=OjqcI8KWesk. 

Learn more about complex architecture in Ember https://www.youtube.com/watch?v=Kcij9lH2OyM

Learn more about Ember Data - https://www.youtube.com/watch?v=HL2bMjndviE.

You can get lost in the View layer, learn about Events and Actions from Luke Melia - https://www.youtube.com/watch?v=w6__hEUjqaw

catsby

preload_app!

min_threads = Integer(ENV['MIN_THREADS'] || 0)
max_threads = Integer(ENV['MAX_THREADS'] || 5)

threads min_threads, max_threads
workers Integer(ENV['WORKER_COUNT'] || 3 )

on_worker_boot do
  ActiveSupport.on_load(:active_record) do

sj26

require "capybara"

# Encapsulate some jQuery UI interactions so we can call them cleanly using Capybara.
module Capybara::JQueryUI
  # Find the jQuery UI Autocomplete widget corresponding to this element
  def autocompleter
    jquery_result(jquery_this(".autocomplete('widget')").first)
  end

  # Fill in an autocompletable field and accept a completion.

leifcr

#!/usr/bin/env zsh
#local return_code="%(?..%{$fg[red]%}%? ↵%{$reset_color%})"

setopt promptsubst

autoload -U add-zsh-hook

PROMPT_SUCCESS_COLOR=$FG[117]
PROMPT_FAILURE_COLOR=$FG[124]
PROMPT_VCS_INFO_COLOR=$FG[242]

roine

/* normal flexbox */
.flexbox .flex-container {
        display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
.flexbox .flex-container.vertical {
	display: -webkit-flex;
	display: -moz-flex;