lesson

React Fundamentals

11 / 31

40 minlesson

You completed the free preview — you are ready for the full path.

All lessons are readable below. To write and run code from lesson 11 onwards, upgrade to Path Plus ($9/mo) or Pro.

1 min read

React Fundamentals

React lets you build user interfaces from small, reusable pieces called components. In this lesson you will create a component that uses state and event handlers.

Key Concepts

Components - are functions that return JSX.

Props - let you pass data into components.

State - with `useState` lets components remember information between renders.

Events - like `onClick` update state and trigger re-renders.

Your Task

Build a Counter component that:

1. Starts at 0.

2. Displays the current count.

3. Has a button that increments the count by one.

You completed the free preview — you are ready for the full path.

All lessons are readable below. To write and run code from lesson 11 onwards, upgrade to Path Plus ($9/mo) or Pro.

1 min read

React Fundamentals

React lets you build user interfaces from small, reusable pieces called components. In this lesson you will create a component that uses state and event handlers.

Key Concepts

Components - are functions that return JSX.

Props - let you pass data into components.

State - with `useState` lets components remember information between renders.

Events - like `onClick` update state and trigger re-renders.

Your Task

Build a Counter component that:

1. Starts at 0.

2. Displays the current count.

3. Has a button that increments the count by one.

1 min read

React Fundamentals

React lets you build user interfaces from small, reusable pieces called components. In this lesson you will create a component that uses state and event handlers.

Key Concepts

Components - are functions that return JSX.

Props - let you pass data into components.

State - with `useState` lets components remember information between renders.

Events - like `onClick` update state and trigger re-renders.

Your Task

Build a Counter component that:

1. Starts at 0.

2. Displays the current count.

3. Has a button that increments the count by one.

1 min read

React Fundamentals

React lets you build user interfaces from small, reusable pieces called components. In this lesson you will create a component that uses state and event handlers.

Key Concepts

Components - are functions that return JSX.

Props - let you pass data into components.

State - with `useState` lets components remember information between renders.

Events - like `onClick` update state and trigger re-renders.

Your Task

Build a Counter component that:

1. Starts at 0.

2. Displays the current count.

3. Has a button that increments the count by one.