Skip to content

Making pages that respond Course

Your First React App

Components, props, state, effects and forms, built up into one small app from an empty folder, with the reasons behind each step, not only the steps.

“Every job advert mentions React and every tutorial skips the part I am stuck on.”

the problem this course starts from

A man in a plaid shirt works at two monitors with code in a green-walled office

What is inside

45 lessons · about 14 min each · 10 h 30 min

  1. 01 Why components 5 lessons 1 h 10 min
  2. 02 JSX and props 8 lessons 1 h 52 min
  3. 03 State and events 9 lessons 2 h 6 min
  4. 04 Effects and data 8 lessons 1 h 52 min
  5. 05 Forms and lists 8 lessons 1 h 52 min
  6. 06 Structuring and building the app 7 lessons 1 h 38 min

// outcomes

You will be able to…

  • Break an interface into components with props
  • Manage state and side effects without confusion
  • Build, test by hand and package a small React app

What’s included

  • One complete app built from an empty folder on screen
  • Each concept first shown in plain JavaScript, then in React
  • Component diagrams for every stage of the app
  • End-of-unit exercises with the finished code shown on screen
  • 18 months of streaming access

who.txt

Who it suits

Learners confident with JavaScript, the DOM and fetch.

Suggested pace: 4 h a week · about 3 weeks

Pairs well with

Three questions about this course

How much time does it take each week?

There are 45 lessons, 10 h 30 min of video in total. At the suggested 4 hours a week that is about 3 weeks, but you set the pace: the planner works it out for other weekly hours.

How long can I watch it?

For 18 months from the day your access starts. Access details are emailed within one working day of payment, and you can rewatch any lesson as often as you like during that time.

Can I download the videos or ask a tutor?

No. The lessons are recorded and streamed online only, and there is no tutor, mentoring or marking of your code. The exercises listed under what’s included show the finished result on screen, so you can check your own work. Read before you start for what you need.