React Beginner Tutorial | Learn React by Building a Real Project

Publicado em: 30 Julho 2020
no canal de: Chris Blakely
14,059
484

🚨 🚨 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: hello@jschris.com

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

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


Nesta página do site você pode assistir ao vídeo on-line React Beginner Tutorial | Learn React by Building a Real Project duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Chris Blakely 30 Julho 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 14,059 vezes e gostou 484 espectadores. Boa visualização!