Learn React With This One Project

Web Dev Simplified β€’ April 8, 2023
Video Thumbnail
Web Dev Simplified Logo

Web Dev Simplified

@webdevsimplified

About

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!

Video Description

React Simplified Course: https://reactsimplified.com Learning React is hard. There are so many concepts to learn and mindsets shifts that you need to do. That is why in this video I will be breaking down all the most important concepts you need to understand in React. πŸ“š Materials/References: React Simplified Course: https://reactsimplified.com GitHub Code: https://github.com/WebDevSimplified/react-todo-list FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified ES6 Modules Video: https://youtu.be/cRHQNNcYf6s ES6 Modules Article: https://blog.webdevsimplified.com/2021-11/es6-modules Destructoring Video: https://youtu.be/NIq3qLaHCIs Destructoring Article: https://blog.webdevsimplified.com/2020-08/destructuring-and-spread Short Circuiting Video: https://youtube.com/shorts/8mvNzU7DpO4 Short Circuiting Article: https://blog.webdevsimplified.com/2019-10/what-is-short-circuiting 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 01:10 - What Is React 02:45 - Thinking In React 06:07 - Todo List Project Setup 10:45 - JSX 15:30 - React State 20:15 - Todos Logic 30:45 - Break App Into Components 38:15 - useEffect Hook #ReactJS #WDS #JavaScript