Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React JS Code Challenge - React Beginner Project

Dave Gray via YouTube

Overview

Limited-Time Offer: Up to 75% Off Coursera Plus!
7000+ certificate courses from Google, Microsoft, IBM, and many more.
Learn to build a simple color changer app with React through a code challenge. Apply skills from previous lessons, set up components, use useState hook, pass props, add CSS styles, and implement additional features like converting color names to hex values and toggling text color. The course includes a syllabus and references for further learning. Intended for beginners in React development.

Syllabus

Intro
The Code Challenge: Your First Project
Begin Solution: create-react-app and set up
Outlining the app components
The square component
The form input component
useState hook and passing props
Adding CSS styles
Challenge Complete! How did you do?
Additional Feature: Color Names to Hex Values
Additional Feature: Toggle Text Color

Taught by

Dave Gray

Reviews

Start your review of React JS Code Challenge - React Beginner Project

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.