React · Full Stack Web Development

Explanation

React builds UIs from reusable components with props, state, effects, and composition.

Code example

tsx

import { useState } from "react";

export function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button type="button" onClick={() => setCount((value) => value + 1)}>
      Clicked {count} times
    </button>
  );
}

Helpful resources

React official docs
Learn React from the official documentation.
DocumentationFreeOfficial150 min
React course — freeCodeCamp
Full React course on YouTube.
YoutubeFree180 min

Exercise

Build a React skills dashboard with filtered lists, controlled inputs, and local state.

Your notes