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

Start learning Write review
Train in Data Ad

Master Production-Ready Machine Learning, Step by Step

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
A beginner React code challenge that builds a color changer app from scratch. It covers component structure, controlled input, useState, props, CSS styling, and optional color-name conversion and text-color toggling.

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.