forked from binler/react-bits
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
92 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,92 @@ | ||
{% include "./SUMMARY.md" %} | ||
# React Bits | ||
✨ React patterns, techniques, tips and tricks ✨ | ||
|
||
- Design Patterns and Techniques | ||
- [Stateless Functions](./patterns/01.stateless-functions.md) | ||
- [JSX Spread Attributes](./patterns/02.jsx-spread-attributes.md) | ||
- [Destructuring Arguments](./patterns/03.destructuring-arguments.md) | ||
- [Conditional Rendering](./patterns/04.conditional-rendering.md) | ||
- [Children Types](./patterns/05.children-types.md) | ||
- [Array As Children](./patterns/06.array-as-children.md) | ||
- [Function As Children](./patterns/07.function-as-children.md) | ||
- [Render Callback](./patterns/08.render-callback.md) | ||
- [Children Pass Through](./patterns/09.children-pass-through.md) | ||
- [Proxy Component](./patterns/10.proxy-component.md) | ||
- [Style Component](./patterns/11.style-component.md) | ||
- [Event Switch](./patterns/12.event-switch.md) | ||
- [Layout Component](./patterns/13.layout-container.md) | ||
- [Container Component](./patterns/14.container-component.md) | ||
- [Higher Order Component](./patterns/15.higher-order-component.md) | ||
- [State Hoisting](./patterns/16.state-hoisting.md) | ||
- [Controlled-Uncontrolled Input](./patterns/17.controlled-uncontrolled-input.md) | ||
- [Conditional in JSX](./patterns/18.conditionals-in-jsx.md) | ||
- [Async Nature Of setState()](./patterns/19.async-nature-of-setState.md) | ||
- [Dependency Injection](./patterns/20.dependency-injection.md) | ||
- [Context Wrapper](./patterns/21.context-wrapper.md) | ||
- [Event Handlers](./patterns/22.event-handlers.md) | ||
- [Flux Patter](./patterns/23.flux-pattern.md) | ||
- [One Way Data Flow](./patterns/24.one-way-data-flow.md) | ||
- [Presentational vs Container](./patterns/25.presentational-vs-container.md) | ||
- [Third Party Integration](./patterns/26.third-party-integration.md) | ||
- [Passing Function To setState()](./patterns/27.passing-function-to-setState.md) | ||
- [Decorators](./patterns/28.decorators.md) | ||
- [Feature Flags](./patterns/29.feature-flags-using-redux.md) | ||
- [Component Switch](./patterns/30.component-switch.md) | ||
- [Reaching Into A Component](./patterns/31.reaching-into-a-component.md) | ||
- [List Components](./patterns/32.list-components.md) | ||
- [Format Text via Component](./patterns/33.format-text-via-component.md) | ||
- [Share Tracking Logic](./patterns/34.share-tracking-logic.md) | ||
- Anti-Patterns | ||
- [Introduction](./anti-patterns/README.md) | ||
- [Props In Initial State](./anti-patterns/01.props-in-initial-state.md) | ||
- [Refs over findDOMNode()](./anti-patterns/02.refs-over-findDOMNode.md) | ||
- [HOC over Mixins](./anti-patterns/03.HOC-over-mixins.md) | ||
- [setState() in componentWillMount()](./anti-patterns/04.setState-in-componentWillMount.md) | ||
- [Mutating State](./anti-patterns/05.mutating-state.md) | ||
- [Using Indexs as Key](./anti-patterns/06.using-indexes-as-key.md) | ||
- [Spreading Props on DOM elements](./anti-patterns/07.spreading-props-dom.md) | ||
- Handling UX Variations | ||
- [Introduction](./ux-variations/README.md) | ||
- [Composing UX Variations](./ux-variations/01.composing-variations.md) | ||
- [Toggle UI Elements](./ux-variations/02.toggle-ui-elements.md) | ||
- [HOC for Feature Toggles](./ux-variations/03.HOC-feature-toggles.md) | ||
- [HOC props proxy](./ux-variations/04.HOC-props-proxy.md) | ||
- [Wrapper Components](./ux-variations/05.wrapper-components.md) | ||
- [Display Order Variations](./ux-variations/06.display-order-variations.md) | ||
- Conventions | ||
- [Introduction](./conventions/README.md) | ||
- [Class Organization](./conventions/01.class-organization.md) | ||
- [Adding Class Names](./conventions/02.adding-class-names.md) | ||
- [Computed Props and State](./conventions/03.computed-props-state.md) | ||
- [Cached variables in render()](./conventions/04.cached-vars-in-render.md) | ||
- [Using HTML Entities](./conventions/05.use-html-entities.md) | ||
- [Tables](./conventions/06.tables.md) | ||
- [Inline List Iteration](./conventions/07.inline-list-iteration.md) | ||
- [Closures in render()](./conventions/08.closures-in-render.md) | ||
- [Functional Components](./conventions/09.functional-components.md) | ||
- [Formatting Props](./conventions/10.formatting-props.md) | ||
- [ES6 class constructor super()](./conventions/11.super-in-constructor.md) | ||
- Perf Tips | ||
- [Introduction](./perf-tips/README.md) | ||
- [shouldComponentUpdate() check](./perf-tips/01.shouldComponentUpdate-check.md) | ||
- [Using recompose](./perf-tips/02.recompose.md) | ||
- [Using reselect](./perf-tips/03.reselect.md) | ||
- Styling | ||
- [Introduction](./styling/README.md) | ||
- [Stateless UI Components](./styling/01.stateless-ui-components.md) | ||
- [Styles Module](./styling/02.styles-module.md) | ||
- [Style Functions](./styling/03.style-functions.md) | ||
- [NPM Modules](./styling/04.using-npm-modules.md) | ||
- [Base Component](./styling/05.base-component.md) | ||
- [Layout Component](./styling/06.layout-component.md) | ||
- [Typography Component](./styling/07.typography-component.md) | ||
- [HOC for Styling](./styling/08.HOC-for-styling.md) | ||
- Gotchas | ||
- [Introduction](./gotchas/README.md) | ||
- [Pure render checks](./gotchas/01.pure-render-checks.md) | ||
- [Synthetic Events](./gotchas/02.synthetic-events.md) | ||
- References | ||
- [React in Patterns by krasimir](https://github.com/krasimir/react-in-patterns) | ||
- [React Patterns by planningcenter](https://github.com/planningcenter/react-patterns) | ||
- [reactpatterns.com](https://github.com/chantastic/reactpatterns.com) | ||
- [10 React Mini-patterns](https://hackernoon.com/10-react-mini-patterns-c1da92f068c5) |