Please enable JavaScript.
Coggle requires JavaScript to display documents.
React (core (Context API (Provider, Consumer, createContext), Forms…
React
core
Reconciliation
Diffing algorihtm
Context API
Provider
Consumer
createContext
Components
Functional / dumb / stateless / presentational
Class / smart / statefull / container
ref
Manage focus on input form
Imperativ manipulation
Integrating 3rd part DOM lib
lifecycle hooks
error boundary
state
constructor, super()
JSX
Fragments
Prop-types type-checking
Portals
HOC - Higher-Order-Components
Composes / wrapping a component
Props
Uni-directional dataflow / top down
Lifting state up
Passing callbacks
Forms
controlled components
synthetic event
throttling or debounce multi calls
performance
redundant processing
DOM diffing
shouldComponentUpdate
DOM vs Virtual DOM
wasted-renders
React.Purecomponent
packages
react-loadable
route-based-splitting
components-based-splitting
react-redux
react-router-dom
route
component
render
children
switch
browserrouter as router
link and navlink
redirect
history object
location
match
security
authentication
authorization
token, secret
route guard / protection
session
credentials
prop-types
create-react-app
Patterns
Render-props
HOC
Hooks
React FB approach
Reusable functions
Simple functions (only responsible for a single task)
Declarative code
Avoid side-effects / pure functions
Immutability
Predictable behavior
Composition
Styling
Radium, Styled components, CSS modules
Development
React Devtools
React profiler
Browser updating
HMR - Hot module replacement
RHL - React hot loader