React JS for Beginners
React.js is a JavaScript library for building dynamic web applications. Upon completion of this course, you will know everything you need in order to build web applications in React
⭐️Course Contents ⭐️
(0:00:00) Course Introduction & Philosophy
(0:05:22) What well 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