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

export PROCESSES_TO_QUIT='bpos puma rake sidekiq spring rails$ ruby-debug phantomjs zeus passenger guard resque "node server.js" ruby$ node foreman fsevent_wat'

pgr() {
    echo "Finding processes in list: $PROCESSES_TO_QUIT"
    echo $PROCESSES_TO_QUIT | xargs -n 1 pgrep -l
}

pgk() {
    echo "Killing processes in list: $PROCESSES_TO_QUIT"
    echo $PROCESSES_TO_QUIT | xargs -n 1 pkill -l

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,

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

# Based on blog post http://www.ewal.net/2012/09/08/octopress-customizations/
# Modified to option of either all or no drafts, and also to use org-mode files
desc "Redate files in the posts directory if the filename does not match the post date in the YAML front matter. Note, URLs based on 'date' metadata, so this shouldn't break any links"
task :redate_posts do
  redate_posts true, source_dir, posts_dir, org_posts_dir
end

desc "Redate files in the posts directory, skipping drafts, if the filename does not match the post date in the YAML front matter. Note, URLs based on 'date' metadata, so this shouldn't break any links"
task :redate_posts_no_drafts do
  redate_posts false, source_dir, posts_dir, org_posts_dir

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"); 
      }
	});
};