AutoScreencast

Automated screencasts, video walkthroughs, video documentation.

Latest Articles

SwiftUI Decoding JSON (iOS 13 Beta 5)

August 7th, 2019

Screencast Courses

Get Started with Modern React

Get Started with Modern React

Course: Get Started with Modern React

64 videos

This is a beginner-level React course, for learners who are familiar with the basics of HTML, CSS, and JavaScript. It is based on, and is intended to complement, the excellent official React documentation. We use React Hooks throughout this course, not JavaScript classes. Watch the Introduction video for more details.

Section 1: Intro, Setup, and ES6 Basics
Introduction
S01・V01

Online Playgrounds
S01・V02

Try React without JSX
S01・V03

Try React with JSX for Development
S01・V04

Try React with JSX for Production
S01・V05

Create React App
S01・V06

Variables
S01・V07

Template Literals
S01・V08

Functions
S01・V09

Loops
S01・V10

Copying and Merging
S01・V11

Destructuring Assignment
S01・V12

Modules
S01・V13

Challenge (Section 1)
S01・V14

Section 2: Step by Step
CRA Setup
S02・V01

Hello World
S02・V02

React Elements
S02・V03

Introducing JSX
S02・V04

Rendering Elements
S02・V05

Components and Props
S02・V06

Extracting Components
S02・V07

State (Part 1)
S02・V08

State (Part 2)
S02・V09

Data Flows Down
S02・V10

Handling Events
S02・V11

Conditional Rendering (Part 1)
S02・V12

Conditional Rendering (Part 2)
S02・V13

Lists and Keys (Part 1)
S02・V14

Lists and Keys (Part 2)
S02・V15

Forms (Part 1)
S02・V16

Forms (Part 2)
S02・V17

Forms (Part 3)
S02・V18

Lifting State Up (Part 1)
S02・V19

Lifting State Up (Part 2)
S02・V20

Composition vs. Inheritance (Part 1)
S02・V21

Composition vs. Inheritance (Part 2)
S02・V22

Thinking in React (Part 1)
S02・V23

Thinking in React (Part 2)
S02・V24

Thinking in React (Part 3)
S02・V25

Thinking in React (Part 4)
S02・V26

Thinking in React (Part 5)
S02・V27

Thinking in React (Part 6)
S02・V28

Challenge (Section 2)
S02・V29