Kingsley Chijioke kinsomicrote

React && Firebase Workshop

Contact Information

@stevekinney

Prequisite Setup

A recent version of Node.js
npm install -g create-react-app

rails new <project_name> -d postgresql --skip-turbolinks --skip-spring -T

-d postgresql sets up the project to use PostgreSQL
--skip-turbolinks & --skip-spring creates a project that does not use turbolinks or spring
-T skips the creation of the test directory and use of Test::Unit

In the Gemfile:

Available to all environments:
- gem 'figaro' - store environment variables securely across your app (docs)
- Uncomment gem 'bcrypt', '~> 3.1.7' if you will be hosting your own user accounts with passwords (docs)
Inside of group :test:
- gem 'rspec-rails' - user rspec in place of minitest (docs)

Example Usage

Users

id	name
1	Jane
2	Max
3	John
4	Scott

type below:

brew update
brew install redis

To have launchd start redis now and restart at login:

brew services start redis

[12:03 AM] acemarke: "controlled" and "uncontrolled" inputs
[12:04 AM] acemarke: if I have a plain, normal HTML page, and I put <input id="myTextbox" type="text" /> in my page(edited)
[12:04 AM] acemarke: and I start typing into that textbox
[12:04 AM] acemarke: it remembers what I've typed. The browser stores the current value for that input
[12:05 AM] acemarke: and then sometime later, I can get the actual element, say, const input = document.getElementById("myTextbox"), and I can ask it for its value: const currentText = input.value;
[12:05 AM] acemarke: good so far?
[12:08 AM] acemarke: I'll keep going, and let me know if you have questions
[12:08 AM] lozio: ok, actually I'm reading
[12:09 AM] lozio: good
[12:09 AM] acemarke: so, a normal HTML input field effectively stores its own value at all times, and you can get the element and ask for its value

Subdomaining Localhost with Rails 5

I've been following this blog post on how to set up an api-only Rails 5 application. One of the sections talks about creating a subdomain for your api

Rails.application.routes.draw do
  constraints subdomain: "api" do
    scope module: "api" do

Installing ngrok on OSX

For Homebrew v2.6.x and below:

brew cask install ngrok

For Homebrew v2.7.x and above:

require 'csv'
require 'open-uri'

csv_text = open('http://www.vvv.hh.yyy.ggg/~hhhh/uuuu.csv')
csv = CSV.parse(csv_text, :headers=>true)
csv.each do |row|
  puts row
end

	/**
	* Displays text to the user.
	*/
	public class TextView extends View {

	// String value
	private String mText;

	// Text color of the text
	private int mTextColor;

	# Install
	# via http://askubuntu.com/questions/510056/how-to-install-google-chrome

	wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub \| sudo apt-key add -
	sudo sh -c 'echo "deb http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google-chrome.list'
	sudo apt-get update
	sudo apt-get install google-chrome-stable


	# Update