React basic in just 1 hour
4.1 (4,578 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
55,244 students enrolled

React basic in just 1 hour

The quick guide to learn basic concepts and workflow of how to build React app
4.1 (4,578 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
55,244 students enrolled
Created by Leo Trieu
Last updated 10/2017
English
English [Auto-generated]
Price: Free
This course includes
  • 1 hour on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What you'll learn
  • Taste of how to build your very first React component.
  • How to handle event in components.

  • Understand two key concepts of React: State and Props.

  • How to reuse and nest components.
  • How to transfer data between Parent, Child components.
  • How to work with Array, Form
Requirements
  • Nothing as you will be working on a online code editor so it's super convenient.
Description

This short course will cover basic and core concepts that you need to know to get up and running with ReactJS.

React JS is a Javascript library for building user interfaces. It's flexible, fast, easy to learn and fun to work with. ReactJS is designed to make the process of building modular, reusable user interface components simple and intuitive. React was developed at Facebook and focuses on the 'View' aspect of MVC in web applications. React was built for the purpose of developing applications that are large in nature and have to deal with time changing data.

Also in this course, it will get you up to speed quickly with easy to follow short videos. It is project-oriented with hands-on examples, from simple to complex, that will help you with the most fundamentals concepts of React:

  • React custom syntax and the JSX transform
  • components, properties and state
  • The power of the virtual DOM

Topics include:

  • Compiling JSX to plain JS
  • introduction to Npm react-tools
  • Creating components
  • Using and populating properties
  • Adding and using state
  • Handling events


Who this course is for:
  • Anyone who want to learn React without much knowledge of HTML or CSS.
Course content
Expand all 16 lectures 49:12
+ Quick Intro React
4 lectures 05:18
About Me
01:32
What is React?
00:49
Why React
02:00
JSX
00:57
+ Getting Started
2 lectures 08:16
Your First Component
04:55
Working with Events
03:21
+ Data Flow between Components
5 lectures 20:04
Working with State
03:09
Reusable Components
02:59
Working with Property - Data
02:36
Working with Property - Function
04:13
Data between Child Components
07:07
+ Refactor Product List
4 lectures 14:56
Working with Array
04:34
Adding Product Form
05:22
Creating Product Function
04:05
What's next?
00:55