React JS Code Challenge | React Beginner Project
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
With this React JS Code Challenge, you will apply the skills you have learned from the previous lessons in this Learn React playlist. The challenge is to build a simple color changer app with React.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 This lesson is part of a Learn React tutorial series playlist:
• React Tutorials
🔗 Solution Source Code: https://github.com/gitdagray/react_be...
React JS Code Challenge | React Beginner Project
(00:00) Intro
(00:05) The Code Challenge: Your First Project
(01:29) Begin Solution: create-react-app and set up
(04:35) Outlining the app components
(06:41) The square component
(09:02) The form input component
(11:19) useState hook and passing props
(12:56) Adding CSS styles
(14:51) Challenge Complete! How did you do?
(15:28) Additional Feature: Color Names to Hex Values
(20:12) Additional Feature: Toggle Text Color
🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...
🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...
🔗 Styled Components: https://styled-components.com/
📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...
✅ Follow Me:
Twitter: / yesdavidgray
LinkedIn: / davidagray
Blog: https://yesdavidgray.com
Reddit: / daveoneleven
Was this React Beginner Project and Code Challenge helpful? If so, please share. Let me know your thoughts in the comments.
#react #beginner #project
On this page of the site you can watch the video online React JS Code Challenge | React Beginner Project with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 07 July 2021, share the link with friends and acquaintances, this video has already been watched 25,128 times on youtube and it was liked by 734 viewers. Enjoy your viewing!
