Learning Paths / Learn React Fundamentals

react
beginner
7h estimated

Learn React Fundamentals

Build interactive UIs with components, JSX, props, conditional rendering, and essential React hooks.

Start learning →

Core Concepts

  1. 1

    Components

    Build UI from reusable function components, composition, and children

  2. 2

    JSX

    JavaScript syntax extension for writing React UI declaratively

  3. 3

    Props

    Pass data and callbacks from parent to child components

  4. 4

    Conditional Rendering

    Show different UI based on state, props, and logical conditions

Essential Hooks

  1. 1

    useState

    Add local state to function components and trigger re-renders on updates

  2. 2

    useEffect

    Run side effects after render: fetching data, subscriptions, and DOM sync

  3. 3

    useContext

    Share values across the component tree without prop drilling

  4. 4

    useRef

    Persist mutable values and access DOM nodes without causing re-renders

Performance Hooks

  1. 1

    useMemo

    Memoize expensive calculations to skip work on unchanged dependencies

  2. 2

    useCallback

    Memoize function references to optimize child re-renders