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

React from Scratch

Go to class Write review

Details

Provider

Laracasts
Pricing

Paid Course
Languages

English
Duration & workload

4 hours 11 minutes
Sessions

On-Demand

Found in

OpenLearning

50% OFF: In-Depth AI & Machine Learning Course

Datacamp

AI Engineer - Learn how to integrate AI into software applications

Overview

Coursera Spring Sale

40% Off Coursera Plus Annual!

React from Scratch is a hands-on, beginner-friendly video series that takes you from an empty folder to a fully interactive React app — no prior React knowledge required. You'll learn about JSX, components, state management, controlled inputs, data fetching, and even TypeScript! I hope you'll come to appreciate React for what it truly is: a flexible, powerful UI library — not a full-blown framework. I'll teach you where its boundaries lie, and how to scale beyond them.

Syllabus

Introduction

Why React?

Fundamentals

Starting From Absolute Scratch
React "Hello World" Preview
JSX - Give it 5 Minutes
JSX Gotchas for Newcomers
Proper Build Step With Vite
Styling Techniques in React
Quick Housekeeping

Components & Templating

Breaking Down Components
Completing the Static UI Migration
Iterating Through Data
Passing Data to Components
TypeScript is Your Friend. Really!

State & Reactivity

A First Taste of Interactivity
Sharing State Across Components
State, Props and Re-render Cycles
Prop Drilling and the Context API
Controlled Vs Uncontrolled Inputs

Forms

Form Actions
Pending State

Data Fetching & Remote State

Data Fetching With useEffect
Suspense, Error Boundaries, and the use() Function
TypeScript-Driven Refactoring
Remote Data Mutations
Revisiting the toggle Implementation
Persisting New Puppies via the API

Where to Go From Here?

React is a Library, Not a Framework

Taught by

Simon Vrachliotis

Reviews

Start your review of React from Scratch