React basic in just 1 hour [2022]
Beginner LevelIT & SoftwareReact JS

React basic in just 1 hour [2022]

The quick guide to learn basic concepts and workflow of how to build React app

Created by Leo Trieu
1 hour
Video Content
17
Lectures
122,700
Students
4.2
Rating
4.2
(122,700 students enrolled)

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

Course Content

5 sections • 17 lectures • 01:04:14 total length

*** Free GIFT for who joined this course ***

1 lectures • 00:37

You really should NOT miss this...00:37

Quick Intro React

3 lectures • 03:51

What is React?00:48
Why React02:00
JSX01:03

Getting Started

5 lectures • 14:42

Quick Tour04:05
Your fist React component02:21
Working with event02:57
Style - Inline style02:42
Style - CSS02:37

Data Flow between Components

5 lectures • 23:24

Working with State04:39
Reusable Components04:16
Working with Property - Data04:06
Working with Property - Function04:50
Data between Child Components05:33

Refactor Product List

3 lectures • 21:40

Working with Array03:50
Adding Product Form06:54
Creating Product Function10:56

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

By the end of this course you'll be able to

  • Learn basic concepts like components, states, props, lists, events, forms

  • Put basic concepts into action by building apps like QR Code Digital Menu app.

  • And you will learn how to deploy react applications on the internet

Who this course is for:

  • Anyone who want to learn React without much knowledge of HTML or CSS.

This course includes:

  • 1 hour on-demand video
  • 1 articles
  • 0
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Instructor

Leo Trieu

Students also download

Explore related courses to expand your learning journey.

React - The Complete Guide 2025 (incl. Next.js, Redux) course
All Levels
71 hours

React - The Complete Guide 2025 (incl. Next.js, Redux)

Dive in and learn React.js from scratch! Learn React, Hooks, Redux, React Router, Next.js, Best Practices and way more!

Academind by Maximilian Schwarzmüller

What you'll learn:

  • Learn React from the ground up and finish the course as an advanced React developer
  • Build multiple high-quality demo apps, including a fullstack app built with NextJS
  • Join more than 900,000 students in this course & more than 3,000,000 students I taught across all my courses
  • +8 more skills
71.5 hours
726 lectures
Access on mobile and TV
Certificate
DevelopmentReact JS
4.6
969,647
View Course Details
The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert course
Beginner Level
21 hours

The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert

JUST COMPLETELY REDONE! Master SQL, Work With Complex Databases, Build Reports, and More!

Colt Steele

What you'll learn:

  • Create your own database or interact with existing databases
  • Write complex SQL join queries across multiple tables
  • Master MySQL 8 Window Functions (LEAD, LAG, RANK, etc.)
  • +3 more skills
22 hours
384 lectures
Access on mobile and TV
Certificate
DevelopmentMySQL
4.6
492,931
View Course Details
Python for beginners - Learn all the basics of python course
Beginner Level
5 hours

Python for beginners - Learn all the basics of python

Learn how to program in python- python functions-python basic apps - python tips and tricks - Other Python features

Yassin Marco MBA

What you'll learn:

  • Learn how to use Python 3 the right way
  • Understand complex functions in python
  • Be able to use python on a daily basis
  • +3 more skills
5 hours
31 lectures
Access on mobile and TV
Certificate
DevelopmentPython
4.4
347,538
View Course Details