🔑 Key Learning Outcomes

How to write React code with JSX.
How to 'think in React'.
How to use local state to store changing data.
How to pass data from parent components to children components using props.

👨‍🏫 About the Course

This crash course with Hooks introduces you to React basics in a quick and concise manner. You will learn how to set up your development environment using codesandbox.io and start building your own React apps. The course covers essential topics like displaying lists, fetching data from APIs, and working with hooks.

🎯 Target Audience

Ideal for beginners who want to kickstart their journey into React development.
No prior React experience is needed, but basic knowledge of HTML and JavaScript is required.

✅ Requirements

Basic knowledge of HTML and JavaScript.

📖 Course Content

Write Your First React Component with CodeSandbox.io.
How React Works.
Think in React by Breaking Your UI into Components.
Write a Custom Function Component in React with JSX.
Building a Tree of UI Components in React with Children or with Self-closing tags.
Reusing Custom React Components by Passing Data Down as Props.
Create State Data that can Change in a React Component with useState.
Create a Button in React that Changes Local State and Automatically Updates the UI.
Display a List in React by Looping Over an Array of Items.
Adding Styles to React Components with CSS or Inline Styles.
Perform Asynchronous Actions (like fetching http data) in React with useEffect.

Update Course