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

CodeSignal

React Fundamentals and Project Setup

via CodeSignal

Go to class Write review

Overview

Start building the ShelfPilot reading tracker while learning the foundations of React. You’ll create your first components with JSX, pass data using props, and manage dynamic UI with state, all while setting up a modern development environment with TypeScript and Tailwind CSS.

Syllabus

  • Unit 1: Introduction to React JSX
    • Kick off the React Frontend Journey
    • Adding Your First Custom Flexbox Section
    • Structuring Text with Semantic Tags
    • Completing Your App Component and Entry Point
  • Unit 2: Reusable Components with Props
    • Observing Reusable Components with Props
    • Creating and Using Your First BookCard Component
    • Building a Reusable BookCard with Props
    • Creating Reusable Components with Props
    • Composing BookCard with an Embedded UserCard
  • Unit 3: Managing State and Events
    • Observing State, Events, and Rendering in App.tsx
    • Wiring State and the Add-Book Form
    • Form & List: Controlled Inputs + Conditional Rendering
    • Move UI to a Reusable ReadingListView

Reviews

Start your review of React Fundamentals and Project Setup

Go to class

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.