Home›Courses›Coding›React
CodingIntermediate10 Milestones

React Short Course

Build modern user interfaces. Master react through bite-sized, swipeable learning tiles — designed for busy people who want to learn on the go.

Start This Course →

About This React Course

This React short course on SkillTiles breaks down everything you need to know into 10 structured milestones, each packed with bite-sized learning tiles you can swipe through in under 15 seconds each.

Whether you're a complete beginner or looking to refresh your knowledge, this online react course uses AI-powered content to adapt to your learning pace. Each tile delivers a focused concept, example, or quiz — making it perfect for commutes, coffee breaks, or quick study sessions.

Covering 70 key topics across 10 milestones, this course takes you from foundations to practical application. Earn badges as you complete each milestone and track your progress on your learning dashboard.

Course Curriculum

1

Components & JSX

Build your first React components

JSX syntaxfunctional componentspropsrendering lists with mapconditional renderingimporting/exportingcomponent composition
2

State & Effects

useState, useEffect, and reactivity

useStateevent handlerscontrolled inputsuseEffect basicsdependency arrayscleanup functionslifting state up
3

React Hooks

useState, useEffect, and custom hooks

useState deep diveuseEffect and cleanupuseRefuseMemo and useCallbackuseContextuseReducercustom hooks pattern
4

React Patterns

Component composition and state management

component compositionrender propshigher-order componentscontext APIcontrolled vs uncontrolled inputserror boundariesportals and fragments
5

Performance & Testing

Optimize and test React apps

React.memocode splitting and lazy loadingvirtualized listsReact DevTools profilertesting with React Testing Librarysnapshot testingaccessibility in React
6

State Management

Beyond useState — global state solutions

prop drilling problemsContext + useReducerZustandRedux ToolkitJotai and atomic stateserver state (TanStack Query)choosing a state solution
7

Forms & Validation

Handle complex forms with confidence

controlled inputsReact Hook FormZod schema validationfile uploadsmulti-step formserror handling UXform accessibility
8

Routing & Navigation

Multi-page apps with React Router

React Router setupnested routesdynamic route paramsprotected routeslazy loading routesnavigation guardsURL search params
9

Styling in React

CSS Modules, styled-components, and Tailwind

CSS Modulesstyled-componentsTailwind CSS with ReactCSS-in-JS trade-offstheme providersresponsive design in Reactdesign system components
10

Advanced React

Concurrent features and architecture

Suspense for data fetchingconcurrent renderingserver componentsstreaming SSRReact compilermicro-frontendsmonorepo React apps

What You'll Learn in This React Course

JSX syntax
functional components
props
rendering lists with map
conditional rendering
importing/exporting
component composition
useState
event handlers
controlled inputs
useEffect basics
dependency arrays
cleanup functions
lifting state up

Related Coding Courses

Python Short Course
The world's most popular programming language
JavaScript Short Course
The language of the web
HTML & CSS Short Course
Build and style web pages from scratch

Ready to master React?

Start this react short course today. Swipe through AI-powered tiles, earn badges, and build a daily learning habit — no experience needed.

Start Learning React →