Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/BinaryMuse/react-primer
Short annotated examples of React concepts
https://github.com/BinaryMuse/react-primer
Last synced: 18 days 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 (7 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/).