Skip to the notes

JSGroundwork handwritten · web dev

✎Playground→⌘Problems ↻Review 🔥Progress

Chapters

41 chapters

⌕

Beginner9›

B1Setup & JSX B2Components & composition B3Props B4useState B5Events & conditionals B6Lists & keys B7Controlled forms B8useEffect basics B9Lifting state & styling

Intermediate15›

I1useRef I2Context API I3useReducer I4Custom hooks I5Effects in depth I6React Router I7State architecture I8Memoisation I9Boundaries & portals I10Data fetching patterns I11Forms at scale I12State libraries I13Server state I14Testing React I15TypeScript with React

Advanced17›

A1Reconciliation & Fiber A2Concurrent features A3Suspense & code splitting A4Server Components A5Server Actions A6The use() hook A7Rendering strategies A8Effect timing A9useSyncExternalStore A10Refs in depth A11Advanced patterns A12Performance A13Accessibility A14Design systems A15Advanced TypeScript A16Architecture at scale A17Custom renderers

/ search[ ] chaptert top

React levels

1Beginner 2Intermediate 3Advanced

Ready to read

JSJavaScript ⑂Git ◎Interview prep ΣDSA in JS SDSystem Design

More topics15›

</>HTML { }CSS ⚛React NNext.js NeNest.js TSTypeScript NoNode.js 🐳Docker DBSQL & Databases ✓Testing 🔒Web Security ☁Cloud & DevOps ◈GraphQL ◆Redis ☸Kubernetes

100%

A8

Effect timing

not written yet

This section will cover:

useLayoutEffect vs. useEffect, and useInsertionEffect

←previousRendering strategies↑ Cover nextuseSyncExternalStore→