React Crash Course 2020

Learn how to make a React app with this 2 hour React crash course.

Download the code:

My Free Laravel API course:

Chapters:
0:00 Introduction
5:29 NPX create-react-app
7:55 Project directory
14:42 React Component (create, import, props)
19:56 Class base syntax (declaring component)
21:40 Simple app Plus Minus (state hook and class base approach)
26:38 onClick() listener
28:39 Header component
30:40 Tailwindcss (install, postcss, autoprefixer)
40:07 Navigation menu
52:50 Navigation menu (animate with react-spring)
1:00:54 ReactRouter (navigating with react-router-dom)
1:13:35 Content (Views)
1:17:18 HTTP Request
1:22:03 Axios (install)
1:30:39 Loading symbol
1:40:05 map (Fetching list of products)
1:53:00 List child unique "key" Warning (solved)
1:55:20 Hooks
2:02:29 Closing words

#LearnReact #ReactForBeginners #100DaysOfCode

Follow me on social media:
Twitter: @QuentinWatt
Facebook: @quentinwatt
Instagram: @quentinwatt

Looking for a job? Try one of these referral links.
-----
Europe: (London, Germany, The Netherlands, Barcelona & more)

South Africa: (Cape Town, Johannesburg & Pretoria)
---

Subscribe:

I also make videos here:

Donate with Paypal:

[xingjianbi]

Wondering how you set up images part of the mockapi, could you explain it clearer.

[thatcoul]

Most react courses here are outdated, I'm glad I bumped into this one . Nice one👊🙂

[shaxzodshukrulloyev]

5:29 npx create-react-app
7:55 project directory
9:29 first look to React (App.js)
14:42 React Component (create, import, props)
19:56 class base syntax (declaring component)
21:40 simple app Plus Minus (state hook and class base approach)
26:38 onClick() listener
28:39 header component
30:40 tailwindcss (install, postcss, autoprefixer)
40:07 Navigation menu
52:50 Navigation menu (animate with react-spring)
1:00:54 ReactRouter (navigating with react-router-dom)
1:13:35 Content (Views)
1:17:18 HTTP Request
1:22:03 axios (install)
1:30:39 loading symbol
1:36:09 axios.catch (Error statement)
1:40:05 map (Fetching list of products)
1:53:00 list child unique "key" Warning (solved)
1:55:20 Hooks
2:02:29 Final words from great man of the world 😍

thank you for this tutorial, its very useful 🔥🔥🔥

[ferdipratama]

Hands down one of the best React crash course. Excellent delivery with well-organized sections. Thank you so much for this!

[SmilingFist]

for those using windows : at 35:02 type in your cli npm run build:css

[arunchaudhary]

This crash course taught me more than what i learned in last 3 weeks i was jumping from one tut to another but was really confused since most of the good ones were outdated but you made it so simple now i can get started with react thanks buddy, looking forward to watch and learn more from you

[lukamugosa]

I think this was one of the best crash courses i ever watched. Great job!

[MikeBertelsenDK]

Thank you so much for the time, work and effort put into this video. You did all of this for free to help others and for that you deserve massive kudos!

[hishamwolley]

For those of you having issues with run build:css "npm their is likely additional logging output above ",

[zracer]

Really appreciate this work Quentin. I last worked in web development back in 2015 using jQuery and this is a major step forward. Your video has really given me confidence to start working with React on my current project.

[surfinbird]

I gotta thank you not only for the great CC but for introducing me to Tailwind...I am really digging it.

[premmali]

Thank you, Quentin, for making this crash course.
I learn so much in those 2 hours

[GamerRanger]

When I started to watch the video I did'nt believe I will stay to the end. Well, I was wrong. I have watch it to the end and learnt so much. You are awesome! Thank you!

[akashdeepnandi]

Thank you so much, I've following other youtubers and this is the first time I've encountered your video. I just like your style so much. Being subtle with the concepts but at same time being so precise which is exactly why we get the room to explore around more. Subbed, gonna share with friends <3

[luluzinhu]

for an intermediate developer this is sugar. thank you mate

[ahmodshamimhussain]

The best React course ... i am glad the i found this on youtube . Thank you so much .

[bswill]

Thanks for this tutorial man. Best one I ever watched so far. Clear explanation, not in a hurry and i totally understand the naming of variables lol unlike the other react video i watched with lots of todos variables it was all over the place.

[santiagogalvan]

Hello here I have a problem in 7:08 of the video, I have ubuntu 20, so when I type yarn start there is the error that say 00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'start' so I view the path and is corrert but when I runtaht command says the error.

[muhammadazmi]

really like your explanation and you do talk about things that are in people minds such as that repetitive codes. really loves it.

[zagco]

Thanks a lot This video was my foundation in mastering React