Skip to the notes
JSGroundwork
JSGroundwork handwritten · web dev
✎Playground→⌘Problems↻Review🔥Progress

Chapters

41 chapters
⌕
Beginner9›
B1Setup & JSXB2Components & compositionB3PropsB4useStateB5Events & conditionalsB6Lists & keysB7Controlled formsB8useEffect basicsB9Lifting state & styling
Intermediate15›
I1useRefI2Context APII3useReducerI4Custom hooksI5Effects in depthI6React RouterI7State architectureI8MemoisationI9Boundaries & portalsI10Data fetching patternsI11Forms at scaleI12State librariesI13Server stateI14Testing ReactI15TypeScript with React
Advanced17›
A1Reconciliation & FiberA2Concurrent featuresA3Suspense & code splittingA4Server ComponentsA5Server ActionsA6The use() hookA7Rendering strategiesA8Effect timingA9useSyncExternalStoreA10Refs in depthA11Advanced patternsA12PerformanceA13AccessibilityA14Design systemsA15Advanced TypeScriptA16Architecture at scaleA17Custom renderers
/ search[ ] chaptert top

React levels

1Beginner2Intermediate3Advanced

Ready to read

JSJavaScript⑂Git◎Interview prepΣDSA in JSSDSystem Design
More topics15›
</>HTML{ }CSS⚛ReactNNext.jsNeNest.jsTSTypeScriptNoNode.js🐳DockerDBSQL & Databases✓Testing🔒Web Security☁Cloud & DevOps◈GraphQL◆Redis☸Kubernetes
100%
I5

Effects in depth

not written yet

This section will cover:

  • Component lifecycle in the hooks mental model; effect timing and stale closures
←previousCustom hooks↑ CovernextReact Router→