React Beginner Tutorial | Learn React by Building a Real Project

🚨 🚨 CSS: https://git.io/JJ4J8

🚨 For more projects check out https://codecoyotes.com

In this React beginner tutorial 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

🚨 🚨 Get React Project ideas with tips and starter code straight to your inbox: http://bit.ly/2CoTD6y

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

COME SAY HI:

Blog: https://www.jschris.com
Twitter:   / chrisblakely01  
Email: [email protected]

This is a new channel so would love your feedback in the comments.

Don't forget to like, share, and subscribe! Thanks for watching!