https://github.com/BinaryMuse/react-primer

Short annotated examples of React concepts
https://github.com/BinaryMuse/react-primer

Last synced: about 2 months ago
JSON representation

Short annotated examples of React concepts

• Host: GitHub
• URL: https://github.com/BinaryMuse/react-primer
• Owner: BinaryMuse
• Created: 2014-10-15T20:52:32.000Z (about 10 years ago)
• Default Branch: gh-pages
• Last Pushed: 2020-05-23T21:17:38.000Z (over 4 years ago)
• Last Synced: 2024-04-09T01:05:27.807Z (8 months ago)
• Language: JavaScript
• Homepage: http://binarymuse.github.io/react-primer/build/
• Size: 2.48 MB
• Stars: 380
• Watchers: 12
• Forks: 20
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
React Primer

============

This little repo is designed to gently introduce developers into the wonderful world of React. Each demo's source is annotated with comments and can be read basically top-to-bottom.

View the Demos

--------------

The demos are [available online](http://binarymuse.github.io/react-primer/build/).

Running Locally

---------------

Clone the repository and open `build/index.html` in your browser; the demos are pre-built and checked in to the repo.

Building

--------

Requires Node.js.

    npm install && npm start

Then open `build/index.html` in your browser. The Node process will automatically recompile the demos on any change; check your console output for syntax errors.

Further Reading

---------------

The [React site](http://facebook.github.io/react/) has a ton of info, and I recommend checking it out. It also contains more in-depth API documentation.

The "Top-Down Data Flow & shouldComponentUpdate" demo introduces the idea of a top-level data store that causes an application-wide re-render whenever its data changes; this is a nice stepping stone to the [flux architecture](http://facebook.github.io/flux/docs/overview.html), including flux libraries like [Fluxxor](http://fluxxor.com/).