Coding for Entrepreneurs

Ready to Start Learning?

Sign in to check if you already have access, or get started with a purchase or membership.

Survey with React

Learn React.js by building a re-usable Survey application.

React.js is an incredibly flexible JavaScript library that makes building User Interfaces much easier and more intuitive.

If you've used jQuery before and not React.js this series is designed to convert you to React.js, and hopefully, love React.

React v16.8 with Hooks :)

Survey with React

Lifetime access to this course

or get access to 500+ courses with a membership

Lessons

Welcome

2:07

Overview & Walkthrough

5:32

Requirements

3:40

Setup Sublime Text Project

2:38

npx create-react-app

1:41

Babel and Sublime Text

3:21

Why you should React

6:34

Render Multiple Instances of your React App

3:55

Rendering HTML Data Attributes

4:34

Rendering Multiple Components

3:59

Props Basics

2:19

Props Children

2:22

Rendering Conditional Values

3:56

More on Props

3:51

Set Initial State with Props

3:34

React useEffect Hook

5:57

Lifecycle Methods in a React Class Component

14:50

Functional Props vs Class Props

3:30

Clean App and Use Bootstrap CSS

3:49

Create a Form Input

5:18

Verify Input Type

2:50

Its About Consistency

3:11

Deconstructing Assignment

4:46

Custom Hook for Maximum Reusability

4:21

Rendering Dynamic Inputs

5:39

Extract Data from Dynamic Inputs

6:39

Passing Functions through Props

7:03

Prepare for Radio and Checkbox

4:43

Radio & Checkbox

4:28

Adding CSS Classes

2:23

Cleaning Form Submit Data

5:07

Select Dropdown

5:33

Select Multiple

7:39

A Multi Page Survey

11:23

Form Data to State

7:35

Required Fields

4:18

Chunk Survey into Pieces

8:00

Load Dynamically from JSON

9:19

Fade In Elements with Animate.css

5:41

Thank you and next steps

1:21