~//tutorials/react
React
Build UIs from components.
- 01What is React?Learn what React is, how the virtual DOM works, and why it's the most popular frontend library.beginner
- 02JSX SyntaxWrite UI with JSX — JavaScript XML that looks like HTML.beginner
- 03ComponentsBuild UIs with reusable function components.beginner
- 04PropsPass data between components using props.beginner
- 05State with useStateManage component state with the useState hook.beginner
- 06Event HandlingHandle user interactions with event handlers in React.beginner
- 07Conditional RenderingShow or hide elements based on conditions in React.beginner
- 08Lists and KeysRender arrays of data with lists and understand why keys matter.beginner
- 09Forms in ReactBuild controlled forms and handle submissions in React.beginner
- 10Component CompositionCombine components using children, layout patterns, and composition.intermediate
- 11Side Effects with useEffectRun side effects like data fetching and subscriptions with useEffect.intermediate
- 12Refs with useRefAccess DOM elements and store mutable values with useRef.intermediate
- 13Context with useContextShare data across components without prop drilling using Context.intermediate
- 14Custom HooksExtract reusable logic into custom hooks.intermediate
- 15React RouterNavigate between pages with React Router.intermediate
- 16Styling in ReactStyle components with CSS modules, inline styles, and Tailwind CSS.beginner
- 17Performance OptimizationOptimize React apps with memo, useMemo, useCallback, and lazy loading.advanced
- 18Error BoundariesCatch runtime errors gracefully with error boundary components.advanced
- 19React PatternsUse compound components, render props, and HOCs for flexible APIs.advanced
- 20Server ComponentsUnderstand React Server Components and when to use server vs client.advanced
- 21Testing ReactWrite tests for React components with React Testing Library.intermediate
- 22React Best PracticesFollow conventions for file structure, naming, and common patterns.intermediate