Velu Pandian Ravichandran rakave

Tuesday, March 1, 2016

A Dead-Simple Tutorial on how to use React.js for those who know HTML, CSS, and some Javascript

By: Jinesh Shah, Cofounder at The Redge

Preface

If you're reading this, I'm going to assume you are comfortable with HTML, CSS, and maybe some javascript and/or JQuery.

One-Time Sublime Configuration

We are going to be writing all of our code using the plain text editor Sublime Text 3. In this guide, you will customize your installation with shortcuts and other things in order to make your life easier.

What follows may seem opaque, but don't worry about it -- we just need to go through this process once, and then we'll be all set for the quarter. You aren't expected to understand exactly how it is all working right now.

Installation

Download Sublime Text 3 (not 2) for your platform of choice [here][1], and install it (locate and double-click the file you just downloaded).

Dates Cheatsheet

In this guide, I'll show you how I prefer to handle dates.

We'll

use a gem called Chronic to intelligently parse a wide variety of user input into valid Dates,
I'll also show you a gem that helps create nice looking datepicker controls,
look at some built-in Ruby/Rails methods that help us format dates and times nicely for our users to look at.

CarrierWave Cheatsheet

The CarrierWave gem provides us with an easy way to allow file uploads through forms.

Installation

In your Gemfile, include

gem 'carrierwave'

ActiveAdmin Cheatsheet

The ActiveAdmin gem provides us with a entirely separate administrative sub-site. It's amazingly full-featured out of the box, and also is extremely customizable.

Installation

In your Gemfile, include

gem 'activeadmin', '~&gt; 1.0.0.pre1'

Ransack Cheatsheet

The Ransack gem provides us with a powerful, flexible, easy-to-integrate search/filter form.

Installation

In your Gemfile, include

gem 'ransack'

	<set xmlns:android="http://schemas.android.com/apk/res/android"
	android:duration="@integer/anim_duration_medium">

	<translate
	android:fromYDelta="-20%"
	android:toYDelta="0"
	android:interpolator="@android:anim/decelerate_interpolator"
	/>

	<alpha

	import java.util.ArrayList;
	import java.util.List;

	import android.content.Context;
	import android.graphics.Typeface;
	import android.view.LayoutInflater;
	import android.view.View;
	import android.view.ViewGroup;
	import android.widget.ArrayAdapter;
	import android.widget.TextView;

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh

	0-mail.com
	0815.ru
	0clickemail.com
	0wnd.net
	0wnd.org
	10minutemail.com
	20minutemail.com
	2prong.com
	30minutemail.com
	3d-painting.com