React Bits

React를 활용한 패턴, 기술, 팁 및 트릭의 모음입니다.

Gitbook format: https://vasanthk.gitbooks.io/react-bits

Github repo: https://github.com/vasanthk/react-bits

Your contributions are heartily ♡ welcome. (✿◠‿◠)

Translations by community:

• 中文版 (Chinese): react-bits-cn
• 한국어 (Korean): react-bits-ko

• 디자인 패턴과 기법
  • Conditional in JSX
  • Async Nature Of setState()
  • Dependency Injection
  • Context Wrapper
  • Event Handlers
  • Flux Pattern
  • One Way Data Flow
  • Presentational vs Container
  • Third Party Integration
  • Passing Function To setState()
  • Decorators
  • Feature Flags
  • Component Switch
  • Reaching Into A Component
  • List Components
  • Format Text via Component
  • Share Tracking Logic
• 안티 패턴
  • 소개
  • Props In Initial State
  • findDOMNode()
  • Mixins
  • setState() in componentWillMount()
  • Mutating State
  • Using Indexes as Key
  • Spreading Props on DOM elements
• UX 변형(Variations) 처리
  • 소개
  • Composing UX Variations
  • Toggle UI Elements
  • HOC for Feature Toggles
  • HOC props proxy
  • Wrapper Components
  • Display Order Variations
• 성능 팁
  • 소개
  • shouldComponentUpdate() check
  • Using Pure Components
  • Using reselect
• 스타일링
  • 소개
  • Stateless UI Components
  • Styles Module
  • Style Functions
  • NPM Modules
  • Base Component
  • Layout Component
  • Typography Component
  • HOC for Styling
• 그 외
  • 소개
  • Pure render checks
  • Synthetic Events
• Related Links