Skip to content
September 21, 2015 / Danii Oliver

On-Boarding to ReactJS

Terminal: npm – -version
(if no version number)
Install nodes from https://nodejs.org/en/
(will install node and npm at root down)
(( if VM or Virtual Box is needed speak with an expert ))

Go to … and add each to your chrome
https://chrome.google.com/webstore/detail/react-detector/jaaklebbenondhkanegppccanebkdjlh
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

Go to Facebook REPO for react scripts needed
https://facebook.github.io/react/downloads.html

Go To … to learn about React-Tools
https://www.npmjs.com/package/react-tools

Install react tools directly to working directory by navigating to working directory in Terminals or type cd and drag directly to the command line.

Once in directory type:
sudo npm install -g react-tools
enter password
npm build for react which transforms the JSX is now installed.

To build when ready for deployment type
jsx src/ build/ (( or jsx the top of the directory with the JSX javascript the build/))

!!! During Development use
https://fb.me/react-0.13.3.min.jshttps://fb.me/JSXTransformer-0.13.3.js
in head tags to use browser transformer to test. build/ when ready to deploy.


STANDARD TEMPLATE FOR REACT DEVELOPMENT


Click here to download the full text and the html with script tags >> react-environment-setup


JSX reference
http://facebook.github.io/react/docs/tooling-integration.html#jsx

*To view development renderings view exclusively in Firefox!!

Click here to download the full text and the html with script tags >> react-environment-setup

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: