Skip to content

Instantly share code, notes, and snippets.

@kgroat

kgroat/getting-started.md

Last active June 16, 2017 11:25
Show Gist options
  • Save kgroat/4ad0b3d4bd0f9637157a1ab782aa152b to your computer and use it in GitHub Desktop.
Save kgroat/4ad0b3d4bd0f9637157a1ab782aa152b to your computer and use it in GitHub Desktop.
Download ZIP
Getting set up for the TechTalk DC React talk
Raw
getting-started.md

Getting set up

Installation

The first steps to getting started are the following:

  1. Download and install NodeJS
  2. If you are using Windows, restart your computer
  3. Open a command line and issue the following command: npm install -g create-react-app (NOTE: if you're using MacOS or *NIX, you may need to prepend sudo to this command)

Initializing your environment

In order to speed up the process, you may want to initialize your applicaiton ahead of time. This is because, during the talk, if everyone were to install all of the dependencies at the same time, the wifi would slow to a crawl. If you want to avoid this, please open a command line, navigate to your development directory of choice, and run the following commands:

  1. create-react-app hello-react -- This step will probably take a while
  2. cd hello-react
  3. To test that everything worked so far, run npm start and wait for it to open a browser window to http://localhost:3000/ and see a sample application

The application that was initialized is using bare-bones react without any extra tooling. In order to get ready to build the application during the talk we need to install a few more dependencies. To do this, while still in the hello-react directory, run the following commands:

  1. npm install --save rctui redux react-redux redux-persist redux-thunk
  2. npm install --save-dev redux-devtools redux-devtools-dock-monitor redux-devtools-log-monitor

You should be all set!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment