Learn React JS - Full Course for Beginners - Tutorial 2019

React.js is a JavaScript library for building dynamic web applications. Upon completion of this course, you&#039;ll know everything you need in order to build web applications in React. You can also try the interactive version of the course here: <a href="https://scrimba.com/g/glearnreact" title="https://scrimba.com/g/glearnreact" target='_blank'>https://scrimba.com/g/glearnreact</a><br /> <br /> This comprehensive introduction to React was created by Bob Ziroll (@bobziroll). Bob is the Director of Education at V School, an award-winning school of technology education.<br /> <br /> 🔗Tutorial Hell link mentioned in video: <a href="https://codeburst.io/digging-my-way-out-of-tutorial-hell-6dd5f9927384" title="https://codeburst.io/digging-my-way-out-of-tutorial-hell-6dd5f9927384" target='_blank'>https://codeburst.io/digging-my-way-out-of-tutorial-hell-6dd5f9927384</a><br /> 🔗Virtual DOM video mentioned: <a href="https://www.youtube.com/watch?v=BYbgopx44vo" title="https://www.youtube.com/watch?v=BYbgopx44vo" target='_blank'>https://www.youtube.com/watch?v=BYbgopx44vo</a><br /> <br /> Check top comment to see what code you have to add to get React working locally.<br /> <br /> ⭐️Course Contents ⭐️<br /> ⌨️ (<span class="playtime" data-second="0" title="Course Introduction &amp;amp; Philosophy">0:00:00</span>) Course Introduction &amp; Philosophy<br /> ⌨️ (<span class="playtime" data-second="322" title="What we&amp;#039;ll be building">0:05:22</span>) What we&#039;ll be building<br /> ⌨️ (<span class="playtime" data-second="384" title="Why React?">0:06:24</span>) Why React?<br /> ⌨️ (<span class="playtime" data-second="565" title="ReactDOM &amp;amp; JSX">0:09:25</span>) ReactDOM &amp; JSX<br /> ⌨️ (<span class="playtime" data-second="979" title="ReactDOM &amp;amp; JSX Practice">0:16:19</span>) ReactDOM &amp; JSX Practice<br /> ⌨️ (<span class="playtime" data-second="1234" title="Functional Components">0:20:34</span>) Functional Components<br /> ⌨️ (<span class="playtime" data-second="1472" title="Functional Components Practice">0:24:32</span>) Functional Components Practice<br /> ⌨️ (<span class="playtime" data-second="1781" title="Move Components into Separate Files">0:29:41</span>) Move Components into Separate Files<br /> ⌨️ (<span class="playtime" data-second="2107" title="Parent/Child Components">0:35:07</span>) Parent/Child Components<br /> ⌨️ (<span class="playtime" data-second="2594" title="Parent/Child Component Practice">0:43:14</span>) Parent/Child Component Practice<br /> ⌨️ (<span class="playtime" data-second="2892" title="Todo App - Phase 1">0:48:12</span>) Todo App - Phase 1<br /> ⌨️ (<span class="playtime" data-second="3050" title="Styling React with CSS Classes">0:50:50</span>) Styling React with CSS Classes<br /> ⌨️ (<span class="playtime" data-second="3356" title="Some Caveats">0:55:56</span>) Some Caveats<br /> ⌨️ (<span class="playtime" data-second="3492" title="JSX to JavaScript and Back">0:58:12</span>) JSX to JavaScript and Back<br /> ⌨️ (<span class="playtime" data-second="3731" title="Inline Styles with the Style Property">1:02:11</span>) Inline Styles with the Style Property<br /> ⌨️ (<span class="playtime" data-second="4161" title="Todo App - Phase 2">1:09:21</span>) Todo App - Phase 2<br /> ⌨️ (<span class="playtime" data-second="4362" title="Props Part 1 - Understanding the Concept">1:12:42</span>) Props Part 1 - Understanding the Concept<br /> ⌨️ (<span class="playtime" data-second="4496" title="Props Part 2 - Reusable Components">1:14:56</span>) Props Part 2 - Reusable Components<br /> ⌨️ (<span class="playtime" data-second="4649" title="Props in React">1:17:29</span>) Props in React<br /> ⌨️ (<span class="playtime" data-second="5379" title="Props and Styling Practice">1:29:39</span>) Props and Styling Practice<br /> ⌨️ (<span class="playtime" data-second="6025" title="Mapping Components">1:40:25</span>) Mapping Components<br /> ⌨️ (<span class="playtime" data-second="6507" title="Mapping Components Practice">1:48:27</span>) Mapping Components Practice<br /> ⌨️ (<span class="playtime" data-second="6824" title="Todo App - Phase 3">1:53:44</span>) Todo App - Phase 3<br /> ⌨️ (<span class="playtime" data-second="7096" title="Class-based Components">1:58:16</span>) Class-based Components<br /> ⌨️ (<span class="playtime" data-second="7412" title="Class-based Components Practice">2:03:32</span>) Class-based Components Practice<br /> ⌨️ (<span class="playtime" data-second="7631" title="⌨️">2:07:11</span>) State<br /> ⌨️ (<span class="playtime" data-second="7928" title="State Practice">2:12:08</span>) State Practice<br /> ⌨️ (<span class="playtime" data-second="8145" title="State Practice 2">2:15:45</span>) State Practice 2<br /> ⌨️ (<span class="playtime" data-second="8399" title="Todo App - Phase 4">2:19:59</span>) Todo App - Phase 4<br /> ⌨️ (<span class="playtime" data-second="8525" title="Handling Events in React">2:22:05</span>) Handling Events in React<br /> ⌨️ (<span class="playtime" data-second="8752" title="Todo App - Phase 5">2:25:52</span>) Todo App - Phase 5<br /> ⌨️ (<span class="playtime" data-second="8831" title="Changing State">2:27:11</span>) Changing State<br /> ⌨️ (<span class="playtime" data-second="9569" title="Todo App - Phase 6">2:39:29</span>) Todo App - Phase 6<br /> ⌨️ (<span class="playtime" data-second="10034" title="Lifecycle Methods Part 1">2:47:14</span>) Lifecycle Methods Part 1<br /> ⌨️ (<span class="playtime" data-second="10605" title="Lifecycle Methods Part 2">2:56:45</span>) Lifecycle Methods Part 2<br /> ⌨️ (<span class="playtime" data-second="10807" title="Conditional Rendering">3:00:07</span>) Conditional Rendering<br /> ⌨️ (<span class="playtime" data-second="11486" title="Conditional Rendering Part 2">3:11:26</span>) Conditional Rendering Part 2<br /> ⌨️ (<span class="playtime" data-second="11661" title="Conditional rendering Practice">3:14:21</span>) Conditional rendering Practice<br /> ⌨️ (<span class="playtime" data-second="12180" title="Todo App - Phase 7">3:23:00</span>) Todo App - Phase 7<br /> ⌨️ (<span class="playtime" data-second="12334" title="Fetching data from an API">3:25:34</span>) Fetching data from an API<br /> ⌨️ (<span class="playtime" data-second="12994" title="Forms Part 1">3:36:34</span>) Forms Part 1<br /> ⌨️ (<span class="playtime" data-second="13735" title="Forms Part 2">3:48:55</span>) Forms Part 2<br /> ⌨️ (<span class="playtime" data-second="14411" title="Forms Practice">4:00:11</span>) Forms Practice<br /> ⌨️ (<span class="playtime" data-second="15869" title="Container/Component Architecture">4:24:29</span>) Container/Component Architecture<br /> ⌨️ (<span class="playtime" data-second="16553" title="Meme Generator Capstone Project">4:35:53</span>) Meme Generator Capstone Project<br /> ⌨️ (<span class="playtime" data-second="17771" title="Writing Modern React Apps">4:56:11</span>) Writing Modern React Apps<br /> ⌨️ (<span class="playtime" data-second="18137" title="Project Ideas for Practicing">5:02:17</span>) Project Ideas for Practicing<br /> ⌨️ (<span class="playtime" data-second="18186" title="Conclusion">5:03:06</span>) Conclusion<br /> <br /> --<br /> <br /> Learn to code for free and get a developer job: <a href="https://www.freecodecamp.org" title="https://www.freecodecamp.org" target='_blank'>https://www.freecodecamp.org</a><br /> <br /> Read hundreds of articles on programming: <a href="https://medium.freecodecamp.org" title="https://medium.freecodecamp.org" target='_blank'>https://medium.freecodecamp.org</a><i class="fa fa-language transViewIcon clickable" title="Translation"></i>

Learn React JS - Full Course for Beginners - Tutorial 2019
Video date 2018/12/19 01:21
Play musics without ads!
Learn React JS - Full Course for Beginners - Tutorial 2019
Once shared, this message disappears.
https://i.ytimg.com/vi/DLX62G4lc44/mqdefault.jpg
https://www.youtube.com/embed/DLX62G4lc44
Learn React JS - Full Course for Beginners - Tutorial 2019
44K+
05:05:34Learn React JS - Full Course for Beginners - Tutorial 2019
05:22Course Introduction & Philosophy 01:02What we'll be building 03:01Why React? 06:54ReactDOM & JSX 04:15ReactDOM & JSX Practice 03:58Functional Components 05:09Functional Components Practice 05:26Move Components into Separate Files 08:07Parent/Child Components 04:58Parent/Child Component Practice 02:38Todo App - Phase 1 05:06Styling React with CSS Classes 02:16Some Caveats 03:59JSX to JavaScript and Back 07:10Inline Styles with the Style Property 03:21Todo App - Phase 2 02:14Props Part 1 - Understanding the Concept 02:33Props Part 2 - Reusable Components 12:10Props in React 10:46Props and Styling Practice 08:02Mapping Components 05:17Mapping Components Practice 04:32Todo App - Phase 3 05:16Class-based Components 03:39Class-based Components Practice 04:57⌨️ 03:37State Practice 04:14State Practice 2 02:06Todo App - Phase 4 03:47Handling Events in React 01:19Todo App - Phase 5 12:18Changing State 07:45Todo App - Phase 6 09:31Lifecycle Methods Part 1 03:22Lifecycle Methods Part 2 11:19Conditional Rendering 02:55Conditional Rendering Part 2 08:39Conditional rendering Practice 02:34Todo App - Phase 7 11:00Fetching data from an API 12:21Forms Part 1 11:16Forms Part 2 24:18Forms Practice 11:24Container/Component Architecture 20:18Meme Generator Capstone Project 06:06Writing Modern React Apps 00:49Project Ideas for Practicing 02:28Conclusion
Learn React JS - Full Course for Beginners - Tutorial 2019
00:00
Loading...
React.js is a JavaScript library for building dynamic web applications. Upon completion of this course, you'll know everything you need in order to build web applications in React. You can also try the interactive version of the course here: https://scrimba.com/g/glearnreact

This comprehensive introduction to React was created by Bob Ziroll (@bobziroll). Bob is the Director of Education at V School, an award-winning school of technology education.

🔗Tutorial Hell link mentioned in video: https://codeburst.io/digging-my-way-out-of-tutorial-hell-6dd5f9927384
🔗Virtual DOM video mentioned: https://www.youtube.com/watch?v=BYbgopx44vo

Check top comment to see what code you have to add to get React working locally.

⭐️Course Contents ⭐️
⌨️ (0:00:00) Course Introduction & Philosophy
⌨️ (0:05:22) What we'll be building
⌨️ (0:06:24) Why React?
⌨️ (0:09:25) ReactDOM & JSX
⌨️ (0:16:19) ReactDOM & JSX Practice
⌨️ (0:20:34) Functional Components
⌨️ (0:24:32) Functional Components Practice
⌨️ (0:29:41) Move Components into Separate Files
⌨️ (0:35:07) Parent/Child Components
⌨️ (0:43:14) Parent/Child Component Practice
⌨️ (0:48:12) Todo App - Phase 1
⌨️ (0:50:50) Styling React with CSS Classes
⌨️ (0:55:56) Some Caveats
⌨️ (0:58:12) JSX to JavaScript and Back
⌨️ (1:02:11) Inline Styles with the Style Property
⌨️ (1:09:21) Todo App - Phase 2
⌨️ (1:12:42) Props Part 1 - Understanding the Concept
⌨️ (1:14:56) Props Part 2 - Reusable Components
⌨️ (1:17:29) Props in React
⌨️ (1:29:39) Props and Styling Practice
⌨️ (1:40:25) Mapping Components
⌨️ (1:48:27) Mapping Components Practice
⌨️ (1:53:44) Todo App - Phase 3
⌨️ (1:58:16) Class-based Components
⌨️ (2:03:32) Class-based Components Practice
⌨️ (2:07:11) State
⌨️ (2:12:08) State Practice
⌨️ (2:15:45) State Practice 2
⌨️ (2:19:59) Todo App - Phase 4
⌨️ (2:22:05) Handling Events in React
⌨️ (2:25:52) Todo App - Phase 5
⌨️ (2:27:11) Changing State
⌨️ (2:39:29) Todo App - Phase 6
⌨️ (2:47:14) Lifecycle Methods Part 1
⌨️ (2:56:45) Lifecycle Methods Part 2
⌨️ (3:00:07) Conditional Rendering
⌨️ (3:11:26) Conditional Rendering Part 2
⌨️ (3:14:21) Conditional rendering Practice
⌨️ (3:23:00) Todo App - Phase 7
⌨️ (3:25:34) Fetching data from an API
⌨️ (3:36:34) Forms Part 1
⌨️ (3:48:55) Forms Part 2
⌨️ (4:00:11) Forms Practice
⌨️ (4:24:29) Container/Component Architecture
⌨️ (4:35:53) Meme Generator Capstone Project
⌨️ (4:56:11) Writing Modern React Apps
⌨️ (5:02:17) Project Ideas for Practicing
⌨️ (5:03:06) Conclusion

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org
View comments
This playlist has no title.
Learn React JS - Full Course for Beginners - Tutorial 2019
Share with your friends!
Press emoticons to leave feelings.
#Like
#Like
0
#Funny
#Funny
0
#Sad
#Sad
0
#Angry
#Angry
0
#Cool
#Cool
0
#Amazing
#Amazing
0
#Scary
#Scary
0
#Want more
#Want more
0
100957 https://www.youtube.com/watch?v=DLX62G4lc44 Learn React JS - Full Course for Beginners - Tutorial 2019 3
Mark LIKE on the tags!
9686 react
1
#react
342937 Crash Course
1
#Crash Course
363783 react course
1
#react course
363782 react js tutorial
1
#react js tutorial
9687 jsx
1
#jsx
363781 react components
1
#react components
363780 learn react
1
#learn react
363779 react crash course
1
#react crash course
363449 reactjs
1
#reactjs
363776 react full course
1
#react full course
9891 es6
1
#es6
313 javascript
1
#javascript
363778 react tutorial for beginners
1
#react tutorial for beginners
10362 angular
1
#angular
262977 tutorial
1
#tutorial
363777 react.js
1
#react.js
363451 react tutorial
1
#react tutorial
363784 learn react js
1
#learn react js
Vlogger
Vlogger
@Vlogger
8K+
7K+
Subscribe Popular Videos! :)
 
hoyatag.com/@Vlogger
Share page of @Vlogger
Search on your PC and mobile anywhere!
Recommended
UnMark |Edit |Search
Mark |Dislike |Search
Mark |Del |Search
Open
Report
Full screen
Timer
Translation