React basic in just 1 hour

The quick guide to learn basic concepts and workflow of how to build React app
4.1 (827 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7,184 students enrolled
Instructed by Leo Trieu IT & Software / Other
Free
Start Learning Now
  • Lectures 16
  • Length 1 hour
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2016 English

Course 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


What are the requirements?

  • Nothing as you will be working on a online code editor so it's super convenient

What am I going to get from this course?

  • 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

What is the target audience?

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: *** Free GIFT for who joined this course ***
You really should NOT miss this...
Article
Section 2: Quick Intro React
About Me
01:32
What is React?
00:49
Why React
02:00
JSX
00:57
Section 3: Getting Started
Your First Component
04:55
Working with Events
03:21
Section 4: Data Flow between Components
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
Section 5: Refactor Product List
Working with Array
04:34
Adding Product Form
05:22
Creating Product Function
04:05
What's next?
00:55

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Leo Trieu, Founder at Code4Startup

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.

Ready to start learning?
Start Learning Now