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
Nesta página do site você pode assistir ao vídeo on-line React JS Code Challenge | React Beginner Project duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Dave Gray 07 Julho 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 25,128 vezes e gostou 734 espectadores. Boa visualização!
