React in Patterns

A free book that talks about design patterns/techniques used while developi...

BookLearning resourceReact
krasimir/react-in-patternswww.gitbook.com/book/krasimir/react-in-patterns/

README

React in patterns


:books: A free book that talks about design patterns/techniques used while developing with React.

Book


GitBook
Web
PDF
Mobi
ePub

React in patterns cover

Translations


  简体中文

Content


In brief

Foundation


Communication
  Input
  Output
Event handlers
Composition
  Using React's children API
  Passing a child as a prop
  Higher-order component
  Function as a children, render prop
Controlled and uncontrolled inputs
Presentational and container components

Data flow


One direction data flow
Flux
  Flux architecture and its main characteristics
  Implementing a Flux architecture
Redux
  Redux architecture and its main characteristics
  Simple counter app using Redux

MISC


Dependency injection
  Using React's context (prior v. 16.3)
  Using React's context (v. 16.3 and above)
  Using the module system
Styling
  The good old CSS class
  Inline styling
  CSS modules
  Styled-components
Integration of third-party libraries
React and separation of concerns

Source code


The code samples used in the book are available here.

Other resources


React Design principles
Airbnb React/JSX Style Guide
React patterns at Planning Center Online
React patterns by Michael Chan
React patterns, techniques, tips and tricks

Building the book


yarn install && yarn build

To make the ebook generating possible install calibre andln -s /Applications/calibre.app/Contents/MacOS/ebook-convert /usr/local/bin/.