# react-bits

**Repository Path**: tinglab/react-bits

## Basic Information

- **Project Name**: react-bits
- **Description**: ✨React 的模式，技术，技巧和窍门✨
- **Primary Language**: Unknown
- **License**: CC-BY-4.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-08-16
- **Last Updated**: 2021-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [React 实践录](https://vasanthk.gitbooks.io/react-bits)

一个 React 模式、技术、技巧和窍门的合集。

**（英文原版）Gitbook 格式**: https://vasanthk.gitbooks.io/react-bits

> 翻译自：React-bits。衷心 ♡欢迎 (✿◠‿◠)你的贡献

- 设计模式和技术
  - [JSX 中的条件语句](./patterns/18.conditionals-in-jsx.md)
  - [setState() 异步的本质](./patterns/19.async-nature-of-setState.md)
  - [依赖注入](./patterns/20.dependency-injection.md)
  - [Context 的封装](./patterns/21.context-wrapper.md)
  - [事件处理](./patterns/22.event-handlers.md)
  - [Flux 模式](./patterns/23.flux-pattern.md)
  - [单向数据流](./patterns/24.one-way-data-flow.md)
  - [展示组件和容器组件](./patterns/25.presentational-vs-container.md)
  - [第三方集成](./patterns/26.third-party-integration.md)
  - [给 setState() 传递函数](./patterns/27.passing-function-to-setState.md)
  - [装饰器](./patterns/28.decorators.md)
  - [使用 Redux 的特征标记](./patterns/29.feature-flags-using-redux.md)
  - [组件切换](./patterns/30.component-switch.md)
  - [组件间通信](./patterns/31.reaching-into-a-component.md)
  - [列表组件](./patterns/32.list-components.md)
  - [通过组件格式化文本](./patterns/33.format-text-via-component.md)
  - [共享跟踪逻辑](./patterns/34.share-tracking-logic.md)
- 反模式
  - [介绍](./anti-patterns/README.md)
  - [初始时 State 使用 props ](./anti-patterns/01.props-in-initial-state.md)
  - [findDOMNode()](./anti-patterns/02.findDOMNode.md)
  - [Mixins](./anti-patterns/03.mixins.md)
  - [componentWillMount() 中使用 setState()](./anti-patterns/04.setState-in-componentWillMount.md)
  - [突变状态](./anti-patterns/05.mutating-state.md)
  - [使用索引作为 Key](./anti-patterns/06.using-indexes-as-key.md)
  - [在 DOM 元素上展开属性](./anti-patterns/07.spreading-props-dom.md)
- 处理用户交互的变化
  - [介绍](./ux-variations/README.md)
  - [用户交互变化的组成](./ux-variations/01.composing-variations.md)
  - [切换界面元素](./ux-variations/02.toggle-ui-elements.md)
  - [高阶组件的功能切换](./ux-variations/03.HOC-feature-toggles.md)
  - [高阶组件的 props 代理](./ux-variations/04.HOC-props-proxy.md)
  - [组件封装](./ux-variations/05.wrapper-components.md)
  - [显示顺序变化](./ux-variations/06.display-order-variations.md)
- 性能技巧
  - [介绍](./perf-tips/README.md)
  - [shouldComponentUpdate() 检查](./perf-tips/01.shouldComponentUpdate-check.md)
  - [使用 Pure Components](./perf-tips/02.pure-component.md)
  - [使用 reselect](./perf-tips/03.reselect.md)
- 样式
  - [介绍](./styling/README.md)
  - [无状态的 UI 组件](./styling/01.stateless-ui-components.md)
  - [样式模块](./styling/02.styles-module.md)
  - [样式函数](./styling/03.style-functions.md)
  - [NPM 模块](./styling/04.using-npm-modules.md)
  - [基础组件](./styling/05.base-component.md)
  - [布局组件](./styling/06.layout-component.md)
  - [排版组件](./styling/07.typography-component.md)
  - [高阶组件的样式设计](./styling/08.HOC-for-styling.md)
- “坑儿”
  - [介绍](./gotchas/README.md)
  - [Pure render 检查](./gotchas/01.pure-render-checks.md)
  - [合成事件](./gotchas/02.synthetic-events.md)
- [相关链接](./READINGS.md)