React JS Code Challenge React Beginner Project

YOUR LINK HERE:

http://youtube.com/watch?v=oWIqiVAK1Wo

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

#############################

New on site