justin808

gpf='git push --force-with-lease'
gca='git commit -v -a'
gpthis='git push origin HEAD:$(git_current_branch) && git branch -u origin/$(git_current_branch) $(git_current_branch) && echo "pushed current branch and set upstream to origin"'
gco='git checkout'
g='grep -i --color=auto'
hb='hub browse'

justin808

#!/usr/bin/env bash

# Edit the list of commands.
# YOU MUST USE SINGLE QUOTES HERE.

commands=(
  'yarn run build:client-bundles:prod'
  'yarn run build:server-bundle:prod'
  'yarn run build:global-styles:prod'
)

justin808

########################################################################################################################
########################################################################################################################
# run-prod-locally.sh
########################################################################################################################
echo "Only run this once to set your production setup after changing JS assets."
echo "You can run foreman start -f Procfile.local-prod to restart the server without recompiling"
echo "You may want to have your /application.yml and /config/database.yml reflect your development settings for production"

# Run the rake tasks as production
RAILS_ENV=production rake assets:clobber

justin808

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
// app/bundles/HelloWorld/actions/helloWorldActionCreators.jsx

import { HELLO_WORLD_NAME_UPDATE } from '../constants/helloWorldConstants';

export const updateName = (text) => ({
  type: HELLO_WORLD_NAME_UPDATE,
  text,
});

justin808

// multiple entities returned gets normalized
// https://github.com/shakacode/react-webpack-rails-tutorial/blob/08081f07c7d2686facf2e98d956d50dfbef83678/mobile/ReactNativeTutorial/app/api/index.js
export const fetchComments = async () => {
  const response = await getRequest('comments.json');
  const camelizedResponse = _.mapKeys(_.camelCase, response);
  const { entities } =  normalize(camelizedResponse, { comments: commentsSchema });
  return entities;
};

justin808

# See in use here: 
# https://github.com/shakacode/react-webpack-rails-tutorial/blob/master/spec/support/poltergeist.rb

# This file supports 2 strategies:
# 1. switch_to_selenium: switch drivers
# 2. restart_poltergeist

RESTART_PHANTOMJS = ENV["RESTART_PHANTOMJS"] &&
                    %w(TRUE YES).include?(ENV["RESTART_PHANTOMJS"].upcase)
puts "RESTART_PHANTOMJS = #{RESTART_PHANTOMJS}"

justin808

Redux

1. Use Immutable.js for non primitives, such as lists, objects, maps, etc.
2. Store keys of Immutable.js values should be named with prefix $$ Store should be of the shape:

export type StoreType = {
  $$commentsStore: $$Map<string, any>,
  $$profileStore: $$Map<string, any>,

justin808

➜  ~/shakacode/react-webpack-rails-tutorial (fix-comments-json-format) DRIVER=selenium_chrome rspec                                                                                                                                                                                                                                                            [12:06:38]
Running via Spring preloader in process 39408
[Coveralls] Set up the SimpleCov formatter.
[Coveralls] Using SimpleCov's 'rails' settings.
Capybara using driver: selenium_chrome

Add new comment
  from main page
    via Horizontal Form
      when the new comment is submitted

justin808

I just released RC3 of React On Rails. Here's a tiny tutorial to get you started. This tutorial setups up a new Rails app with React on Rails, demonstrating Rails + React + Redux + Server Rendering.

You can find:

• Source code for this sample app
• Live on Heroku

By the time you read this, the latest may have changed. Be sure to check the versions here:

• https://rubygems.org/gems/react_on_rails

justin808

var longFn = function(x) {
	return new Promise(function(res, rej) {
      if (x) {	
       setTimeout(res(x), 1000);
      } else {
       rej("ERROR from not passing in a value to longFn"); 
      }
	});
};