Survey with Reactjs

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 :)

Lesson Code

7 - Why you should use React

8 - Render Multiple Instances of your App

9 - Rendering HTML Data Attributes

10 - Rendering Multiple Components

11 - Props Basics

12 - Props Children

13 - Rendering Conditional Values

14 - More on Props

15 - Set Initial State with Props

16 - React useEffect Hook

17 - Lifecycle Methods in a React Class Component

18 - Functional Props vs Class Props

19 - Clean App and Use Bootstrap CSS

20 - Create a Form Input

21 - Verify Input Type

22 - Its About Consistency

23 - Deconstructing Assignment

24 - Custom Hook for Maximum Reusability

25 - Rending Dynamic Inputs

26 - Extracting the Data from Inputs

27 - Passing Functions through Props

28 - Prepare for Radio and Checkbox

29 - Radio & Checkbox

30 - Adding CSS Classes

31 - Cleaning Form Submit Data

32 - Select Dropdown

33 - Select Multiple

34 - A Multi Page Survey

35 - Form Data to State

36 - Required Fields

37 - Chunk Survey into Pieces

38 - Load Dynamically from JSON

39 - Fade In Elements with Animate css

40 - Overview Example