> For the complete documentation index, see [llms.txt](https://christer-johansson.gitbook.io/learn-react-now/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://christer-johansson.gitbook.io/learn-react-now/master.md).

# Table of Content

**Github repo for this book**: <https://github.com/christerjohansson/learns-react-now>

> Feel free to contribute to this book by making a pull request on Github.

* Design Patterns and Techniques
  * [Conditional in JSX](/learn-react-now/design-patterns-and-techniques/18.conditionals-in-jsx.md)
  * [Async Nature Of setState()](/learn-react-now/design-patterns-and-techniques/19.async-nature-of-setstate.md)
  * [Dependency Injection](/learn-react-now/design-patterns-and-techniques/20.dependency-injection.md)
  * [Context Wrapper](/learn-react-now/design-patterns-and-techniques/21.context-wrapper.md)
  * [Event Handlers](/learn-react-now/design-patterns-and-techniques/22.event-handlers.md)
  * [Flux Pattern](/learn-react-now/design-patterns-and-techniques/23.flux-pattern.md)
  * [One Way Data Flow](/learn-react-now/design-patterns-and-techniques/24.one-way-data-flow.md)
  * [Presentational vs Container](/learn-react-now/design-patterns-and-techniques/25.presentational-vs-container.md)
  * [Third Party Integration](/learn-react-now/design-patterns-and-techniques/26.third-party-integration.md)
  * [Passing Function To setState()](/learn-react-now/design-patterns-and-techniques/27.passing-function-to-setstate.md)
  * [Decorators](/learn-react-now/design-patterns-and-techniques/28.decorators.md)
  * [Feature Flags](/learn-react-now/design-patterns-and-techniques/29.feature-flags-using-redux.md)
  * [Component Switch](/learn-react-now/design-patterns-and-techniques/30.component-switch.md)
  * [Reaching Into A Component](/learn-react-now/design-patterns-and-techniques/31.reaching-into-a-component.md)
  * [List Components](/learn-react-now/design-patterns-and-techniques/32.list-components.md)
  * [Format Text via Component](/learn-react-now/design-patterns-and-techniques/33.format-text-via-component.md)
  * [Share Tracking Logic](/learn-react-now/design-patterns-and-techniques/34.share-tracking-logic.md)
* Anti-Patterns
  * [Introduction](/learn-react-now/anti-patterns/anti-patterns.md)
  * [Props In Initial State](/learn-react-now/anti-patterns/01.props-in-initial-state.md)
  * [findDOMNode()](/learn-react-now/anti-patterns/02.finddomnode.md)
  * [Mixins](/learn-react-now/anti-patterns/03.mixins.md)
  * [setState() in componentWillMount()](/learn-react-now/anti-patterns/04.setstate-in-componentwillmount.md)
  * [Mutating State](/learn-react-now/anti-patterns/05.mutating-state.md)
  * [Using Indexes as Key](/learn-react-now/anti-patterns/06.using-indexes-as-key.md)
  * [Spreading Props on DOM elements](/learn-react-now/anti-patterns/07.spreading-props-dom.md)
* Handling UX Variations
  * [Introduction](/learn-react-now/handling-ux-variations/ux-variations.md)
  * [Composing UX Variations](/learn-react-now/handling-ux-variations/01.composing-variations.md)
  * [Toggle UI Elements](/learn-react-now/handling-ux-variations/02.toggle-ui-elements.md)
  * [HOC for Feature Toggles](/learn-react-now/handling-ux-variations/03.hoc-feature-toggles.md)
  * [HOC props proxy](/learn-react-now/handling-ux-variations/04.hoc-props-proxy.md)
  * [Wrapper Components](/learn-react-now/handling-ux-variations/05.wrapper-components.md)
  * [Display Order Variations](/learn-react-now/handling-ux-variations/06.display-order-variations.md)
* Perf Tips
  * [Introduction](/learn-react-now/perf-tips/perf-tips.md)
  * [shouldComponentUpdate() check](/learn-react-now/perf-tips/01.shouldcomponentupdate-check.md)
  * [Using Pure Components](/learn-react-now/perf-tips/02.pure-component.md)
  * [Using reselect](/learn-react-now/perf-tips/03.reselect.md)
* Styling
  * [Introduction](/learn-react-now/styling/styling.md)
  * [Stateless UI Components](/learn-react-now/styling/01.stateless-ui-components.md)
  * [Styles Module](/learn-react-now/styling/02.styles-module.md)
  * [Style Functions](/learn-react-now/styling/03.style-functions.md)
  * [NPM Modules](/learn-react-now/styling/04.using-npm-modules.md)
  * [Base Component](/learn-react-now/styling/05.base-component.md)
  * [Layout Component](/learn-react-now/styling/06.layout-component.md)
  * [Typography Component](/learn-react-now/styling/07.typography-component.md)
  * [HOC for Styling](/learn-react-now/styling/08.hoc-for-styling.md)
* Gotchas
  * [Introduction](/learn-react-now/gotchas/gotchas.md)
  * [Pure render checks](/learn-react-now/gotchas/01.pure-render-checks.md)
  * [Synthetic Events](/learn-react-now/gotchas/02.synthetic-events.md)
  * [Related Links](/learn-react-now/gotchas/readings.md)