<commit_before>
# How React Works
1. property: Parent component build properties of child components. Update child components only when properties change. Properties are immuatable, one component cannot change it's own propterty.
2. state: State is internal and changable. State change will also trigger render of component.
3. Model change trigger the change of properties of root component, which will further change properties of child components.
4. State is intialized when properties change when component was is created.
5. State update interactively on events.
6. Model also update on events.

## References
1. [React Demystified](http://blog.reverberate.org/2014/02/react-demystified.html)
2. [props vs state](https://github.com/uberVU/react-guide/blob/master/props-vs-state.md)

# Immutability
1. [Pros and Cons of using immutability with React.js](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/)
2. [Optimizing Performance](https://facebook.github.io/react/docs/optimizing-performance.html)
3. [Immutable JS: worth the cost?](https://medium.com/@AlexFaunt/immutablejs-worth-the-price-66391b8742d4#.s18x038ye)
4. [Does immutability hurt performance in JavaScript?](http://softwareengineering.stackexchange.com/questions/304574/does-immutability-hurt-performance-in-javascript)

# Routing
1. [Authentication routing in a React-Flux application](http://wmyers.github.io/technical/react-flux/Authentication-routing-in-a-React-Flux-application/)

# Redux
1. [Getting Started With React Redux: An Intro](https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros)<commit_msg>Update React.md<commit_after>
# How React Works
* property: Parent component build properties of child components. Update child components only when properties change. Properties are immuatable, one component cannot change it's own propterty.
* state: State is internal and changable. State change will also trigger render of component.
1. Model change trigger the change of properties of root component, which will further change properties of child components.
2. State is intialized when properties change when component was is created.
3. State update interactively on events.
4. Model also update on events.

## References
1. [React Demystified](http://blog.reverberate.org/2014/02/react-demystified.html)
2. [props vs state](https://github.com/uberVU/react-guide/blob/master/props-vs-state.md)

# Immutability
1. [Pros and Cons of using immutability with React.js](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/)
2. [Optimizing Performance](https://facebook.github.io/react/docs/optimizing-performance.html)
3. [Immutable JS: worth the cost?](https://medium.com/@AlexFaunt/immutablejs-worth-the-price-66391b8742d4#.s18x038ye)
4. [Does immutability hurt performance in JavaScript?](http://softwareengineering.stackexchange.com/questions/304574/does-immutability-hurt-performance-in-javascript)

# Routing
1. [Authentication routing in a React-Flux application](http://wmyers.github.io/technical/react-flux/Authentication-routing-in-a-React-Flux-application/)

# Redux
1. [Getting Started With React Redux: An Intro](https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros)
{'fraction_non_alphanumeric': 0.10984615384615384, 'fraction_numerical': 0.028307692307692308, 'mean_word_length': 5.12241054613936, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1913171', 'n_tokens_mistral': 1034, 'n_tokens_neox': 968, 'n_words': 278}