Skip to content
All paths

React from Scratch

Components and rendering first, then every hook in the order you will need them.

17 posts · about 47 min total

17 posts

  1. 1.What is React?

    What is React and why use it?

    1 min read

  2. 2.The JSX

    What is JSX in React?

    1 min read

  3. 3.What is a Component in React?

    A component in React is a reusable UI block that maintains its own structure, state, and functions. React is built around components.

    1 min read

  4. 4.React Rendering Masterclass

    How React Thinks: The Secrets of Fiber, Reconciliation, and Rendering

    3 min read

  5. 5.useState Hook

    useState Hook — React state basics

    3 min read

  6. 6.useEffect Hook

    useEffect Hook — Handling side effects in React

    4 min read

  7. 7.useRef Hook

    useRef Hook — Working with the DOM and saving values ​​without rerendering

    3 min read

  8. 8.useContext Hook

    useContext Hook — Managing global state in React

    3 min read

  9. 9.useReducer Hook

    useReducer Hook — complex state management in React

    4 min read

  10. 10.useLayoutEffect Hook

    useLayoutEffect Hook — Synchronous update of DOM before rendering

    3 min read

  11. 11.useTransition Hook

    useTransition Hook — UI refresh without slowing down the UI

    3 min read

  12. 12.useDeferredValue Hook

    useDeferredValue Hook — deferring values ​​for UI optimization

    3 min read

  13. 13.useId Hook

    useId Hook — creating unique IDs for SSR and Accessibility

    3 min read

  14. 14.useImperativeHandle Hook

    useImperativeHandle Hook — control components via ref

    3 min read

  15. 15.useSyncExternalStoreHook

    useSyncExternalStore Hook — React's connection to external stores

    3 min read

  16. 16.useInsertionEffect Hook

    useInsertionEffect Hook — Optimization of CSS-in-JS libraries

    3 min read

  17. 17.Next.js 16

    Next.js 16 — new features

    3 min read