Other React

React basic in just 1 hour

The quick guide to learn basic concepts and workflow of how to build React app
Rating: 4.2 out of 5 (7,178 ratings)
95,335 students
Created by Leo Trieu
Enroll now
React basic in just 1 hour
Rating: 4.2 out of 5 (7,178 ratings)
95,364 students
Buy now
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
5 sections • 16 lectures • 49m total length
  • You really should NOT miss this...
    00:37
  • About Me
    01:32
  • What is React?
    00:49
  • Why React
    02:00
  • JSX
    00:57
  • Your First Component
    04:55
  • Working with Events
    03:21
  • 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
  • Working with Array
    04:34
  • Adding Product Form
    05:22
  • Creating Product Function
    04:05
  • What's next?
    00:55

Featured review

Claudiu Covataru
Claudiu Covataru
282 courses
12 reviews
Rating: 4.5 out of 511 months ago
I watched this course even if it was made using an older version of React. Because of that, I didn't bother to code by myself, too, however it was nice to watch it as a proof of concept. What I appreciate very much is the fact that the instructor was always able to quickly find and fix these small errors that occured while he was coding. I think that debugging one's own work is a very solid proof of truly being a good programmer. I'd even hire Leo for working together in some React projects :)

Instructor
Leo Trieu
Founder at Code4Startup
Leo Trieu
  • 4.1 Instructor Rating
  • 7,656 Reviews
  • 120,249 Students
  • 4 Courses

Leo Trieu is full-time developer working in a Tech company and founder of Code4Startup in Melbourne, Australia. In addition to starting online businesses and teaching courses on Udemy, he has personally founded the online teaching website called Code4Startup where you can learn Ruby on Rails, AngularJS, HTML, CSS and much more by building Real-life Startup Project.

Leo loves sharing his experience in web development, project management, online marketing and video creation and spends his time working on online courses and developing web applications.