In this video we’re going to learn how to get started with React - by building a real project!. We’ll start with the basics, and move onto more modern React features such as hooks! What we’ll cover:

• How to setup a dev environment and project
• Creating components
• JSX
• Working with state & props
• Hooks (useState & useEffect)
• Displaying data from an API

Chapters:

• 0:00 - What we’ll learn
• 0:17 - Getting setup
• 3:07 - Creating a React project
• 7:33 - Creating our first component
• 9:45 - Introducing JSX
• 16:14 - Let’s create a contacts list!
• 16:45 - Get the CSS
• 17:20 - Creating our contact card component
• 21:05 - Making our contact card component reusable
• 24:40 - Working with state (useState hook)
• 33:30 - Working with props
• 40:07 - Rendering data as components from an array
• 50:13 - Retrieving data from a real API
• 1:01:40 - Using the useEffect hook

#real #javascript #web-development #developer