https://github.com/robert-w/react-tips

Sample application that demonstrates and explains some concepts, lessons learned, preferred style, and tips for React with ES6 and Flux
https://github.com/robert-w/react-tips

Last synced: about 16 hours ago
JSON representation

Sample application that demonstrates and explains some concepts, lessons learned, preferred style, and tips for React with ES6 and Flux

• Host: GitHub
• URL: https://github.com/robert-w/react-tips
• Owner: Robert-W
• License: mit
• Created: 2016-01-07T19:33:34.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-01-15T03:48:04.000Z (about 9 years ago)
• Last Synced: 2024-04-11T01:21:50.884Z (9 months ago)
• Language: JavaScript
• Size: 102 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Tips

This example app attempts to demonstrate and explain concepts, tips, preferred styles, and lessons learned from using React. While this could have been written in markdown (and would have been much easier to maintain), I wanted to provide samples as well as snippets and explanations. All of the concepts discussed have samples in the source code or links to external examples. You can read all about the tips, tricks, concepts, etc. at the demo link.

## Demo

[http://robert-w.github.io/React-tips/](http://robert-w.github.io/React-tips/)

### Purpose

This was developed for a BlueRaster Brownbag to demonstrate concepts and other things learned while using React.

### Getting Started

1. ```npm install```

2. ```npm start```

3. Visit [http://localhost:3000/](http://localhost:3000/)

#### Resources

1. [React](https://facebook.github.io/react/)

2. [Flux](https://facebook.github.io/flux/)

3. [ES6/Babel](https://babeljs.io/docs/learn-es2015/)

4. [Alt.js](http://alt.js.org/)

5. [Redux](http://rackt.org/redux/)

6. [Pete Hunt's React HowTo](https://github.com/petehunt/react-howto)

#### Examples

1. [Immutable Flux Todo](https://github.com/Robert-W/immutable-flux-todo)

2. [Immutable shouldComponentUpdate](http://codepen.io/Robert-W/pen/pgoPbO)

#### Contributing

Please branch off of master and submit a pull request if you would like to contribute.  Add a concept in the Body component inside it's own Section component. Include snippets wherever possible to go with the explanation and even try to write your component in a way to demonstrate the concept your using if possible.

#### NOTE

At BlueRaster we are primarily an Esri shop, so this application uses Esri's JavaScript API which uses Dojo's AMD module loader. This is why the source code is getting transpiled to AMD and I'm not using something like Webpack.