React Tutorial - Learn ReactJS and build a simple CRUD app

Learn ReactJS with this tutorial! React for both beginners and non-beginners. Click on the times below to jump straight to that section:

1) 00:00 - Topics
2) 00:19 - React features
3) 01:35 - Getting started/installation
4) 03:26 - JSX syntax highlighting
5) 03:58 - ES6 syntax
6) 04:29 - Component/class structure
7a) 05:09 - Render and JSX syntax: Intro, className
7b) 06:10 - Render and JSX syntax: JavaScript logic
7c) 07:38 - Rendering lists
8) 08:25 - Event handlers
9) 11:09 - Refs
10) 12:11 - Constructor and binding methods
11 ) 13:23 - State
12) 13:55 - setState
13) 15:10 - Creating/importing components
14) 16:49 - Passing and using props
15) 18:28 - propTypes
16) 20:53 - defaultProps
17) 21:29 - Updating props
18) 22:46 - Lifecycle methods
19) 25:56 - Controlled/uncontrolled inputs
20) 29:18 - Conditional rendering strategies
21) 30:54 - React Router
22) 32:56 - Simple CRUD app: GET
23) 37:37 - Simple CRUD app: DELETE
24) 44:29 - Simple CRUD app: ADD
25) 49:33 - Simple CRUD app: EDIT

[BestACTPreporgChampaign]

If you missed the time links in the description:

1) 00:00 - Topics
2) 00:19 - React features
3) 01:35 - Getting started/installation
4) 03:26 - JSX syntax highlighting
5) 03:58 - ES6 syntax
6) 04:29 - Component/class structure
7a) 05:09 - Render and JSX syntax: Intro, className
7b) 06:10 - Render and JSX syntax: JavaScript logic
7c) 07:38 - Rendering lists
8) 08:25 - Event handlers
9) 11:09 - Refs
10) 12:11 - Constructor and binding methods
11 ) 13:23 - State
12) 13:55 - setState
13) 15:10 - Creating/importing components
14) 16:49 - Passing and using props
15) 18:28 - propTypes
16) 20:53 - defaultProps
17) 21:29 - Updating props
18) 22:46 - Lifecycle methods
19) 25:56 - Controlled/uncontrolled inputs
20) 29:18 - Conditional rendering strategies
21) 30:54 - React Router
22) 32:56 - Simple CRUD app: GET
23) 37:37 - Simple CRUD app: DELETE
24) 44:29 - Simple CRUD app: ADD
25) 49:33 - Simple CRUD app: EDIT

[webdev]

I hate all those tutorials with so much gibberish, being straight forward makes you a good teacher! Thank you for this tutorial !

[larrysankey]

Best React fundamentals video I've seen yet and I've watched a few. Much that was not clear after watching the others was totally clear after watching this. A perfect balance of detail and pace. A rare thing. Good job.

[JamlowAthletico]

Coming from Angular background I must admit I love the speed of this video. Straight to the point and no dilly dallying about. Perfect from me. New subscriber.

[valmirnascimento]

The Best ReactJS Tutorial for newbies. Straight to the point, no bullshit. Keep the good work!

[niyazinige]

Best tutorial on react I've seen so far and I've watched loads!! Well done.

[deanwilcoxson]

MAN! This video saved me from a major headache! Well Done!! Thank you for the in-depth walkthrough.

[tj_mdr]

Started from vue and angular 1 – this tutorial really made me very easy to catch up the basics of react. Learning react made easy.. Hats off man

[xavierelvis]

This was so concise and full of information. Perfectly executed and thank you for the tutorial.

[memedispatcher]

As mentioned in the comments, no bullshit, straight to the point. Just one thing, you are very fast man, cant keep up :D

[georgesantiago]

Good God of all the friggin React material I have dug through today this by far has the most value for time ratio. Thank you for putting up a practical example. 10/10 have watched twice now.

[pojntfxlegacy]

Love the ES6 object deconstruction and spread syntax! Really great video!

[Liev]

THIS TUTORIAL IS JUST GODLIKE...BEST ONE I HAVE EVER SEEN

[fanyinU]

wow man, I'm studying React now and you just made a new video about this!!! Awesome!!! Also, thanks for the RESTful API video . That one is very good as well.

[Latif]

Michael, your tutorials are always very easy and well explained. Keep it up. Thanks

[taylorgraham]

Thanks, I like the level of difficulty, and your pace and progression. I had a minor suggestion. having your browser window take up half your recorded screen made it hard to read your code, perhaps it would help if you could full screen your code window. Also, if you could add the little vertical {} tracers, it would help for our debugging. Thanks! :)

[uclastudentservices]

Very nicely done! A wealth of information beneficial to all react developers! Thanks for your time!

[chiragkhatri]

I am beginner of React and your video has covered lots of things with simple and useful examples. I'll try all from my side once. Will definitely check your other React videos if you have uploaded... thanks for sharing

[angelozuniga]

Of all the videos and tutorials out there, this is the best! Thanks man :)

[kostiantyn]

one of the best tutorials that I've seen on React, thank you!