Please enable JavaScript.
Coggle requires JavaScript to display documents.
React, Next js Gatsby, Array destructing spread ... pass func pointer…
React
Basics
JSX, ReactDom.Render ,DOM Manipulation
Component , Class , Functional ,import , export ,default , extends ,construc ,super ,return (single root),spread
React.component ,Render , this.prop , { } , component Name CAp ,prop p ->c , fun pointer c -> P ,
Life cycle Hook -Class comp , componentDidMount ,WillUnMount ,DidCatch
this.state , this.setstate , Stateless ,Stateful component
event handle in jsx , Prevent defalt in fun ,{ } bind data , function , .bind in class or arrow fun , { condition && Expression} ,? :
map , List key , index , props.children
Forms , Controlled & uncontrolled Component , Lift state Up
HTML attributes camel case , pure and impure func
Hooks
useState
useEffect
Dependencies , cleanup function
use context
use reducer
use call back
use ref , create , forward
use memo
Rules
Only in functional comp
Only in root level
Not inside conditional statements
Advance
Fragments , ref , forward ref ,Lazy , Suspense(fallback) ,error boundary
BrowserRouter ,route , switch ,exact , path , Navlink to,
Context , provider, consumer , High ordered components?
Portals ,profiler
Render Props
React TS , Strict mode
Redux
Store , config store ,reducer , create slice , use selector , use dispatch
React TS
types
Next js
Gatsby
Array destructing
spread ...
pass func pointer to child
js filter ,
Fetch ,method , body ,header ,then