React Step-by-Step

A heavily-annotated series of experimental apps as I explore the React.js framework.

The Steps

1. Hello World
2. Dynamic Input Using Properties
3. Nesting Components
4. Using Events
5. Conditional Rendering
6. Basic Flux
7. Supporting Multiple Views with React Router

Helpful Resources

• React's 'Getting Started' Page
• Liam McLennan's React Fundamentals course on Pluralsight
• Hendrik Swanepoel's video walkthrough of the Thinking in React blog post
• Egghead.io's React Fundamentals
• The JSX Compiler page shows you the plain JS your JSX is translated into
• React Developer Tools Chrome plugin: shows you the virtual DOM that React creates with your components! So cool.
• The Flux TodoMVC example. I read half-a-dozen explanations of Flux and still couldn't wrap my head around it. Walking through the code in this repo finally cleared it up for me.

Try it yourself!

If you'd like to play along at home:

• Fork the repo and clone a local copy to your machine
• cd to the root directory
• Install node if you don't have it already
• npm install to install a few node libraries
• npm start to start a tiny web server in the current directory
• Hit http://localhost:3000 in your browser