React JS Code Challenge | React Beginner Project
Web Dev Roadmap for Beginners (Free!):
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
This lesson is part of a Learn React tutorial series playlist:
Solution Source Code:
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:
React Dev Tools Extension for Chrome:
Styled Components:
References:
ReactJS Official site:
React Wikipedia:
React Jobs:
Follow Me:
Twitter:
LinkedIn:
Blog:
Reddit:
Was this React Beginner Project and Code Challenge helpful? If so, please share. Let me know your thoughts in the comments.
Watch video React JS Code Challenge | React Beginner Project online without registration, duration 25 minute 48 second in high hd quality. This video was added by user Dave Gray 07 July 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 21 thousand once and liked it 63 people.