React in 1 Hour: Learn the Fundamentals, Fast
4.2 (57 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.
2,875 students enrolled

React in 1 Hour: Learn the Fundamentals, Fast

Learn the fundamentals like components, state, props, lifecycle methods, css, lifting state, etc.
4.2 (57 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.
2,875 students enrolled
Created by Austin Chauncey
Last updated 6/2019
English
English [Auto]
Current price: $11.99 Original price: $19.99 Discount: 40% off
17 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 2 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • What is React and why is it so popular?
  • Install Node and npm and what they do
  • The difference between state and props
  • How to create parent and children components
  • Using ES6 in React
  • Simple Styling in React
  • The concept of lifting up state
  • Building production-ready assets
  • Learn react in one hour
Course content
Expand all 28 lectures 01:01:50
+ Hands-On - Let's Start Exploring
5 lectures 09:50
What are all these files?
03:54
Javascript Features - Aside
01:20
Deleting files and learning to render
02:26
Create our first component!
01:08
Another Aside - Const vs Class
01:02
+ Keep Building - Real Components
16 lectures 39:40
TodoList and TodoListItem Components
02:14
Styling Options - Style with CSS
01:39
Quick File Clean-up
01:54
Let's add state!
03:28
Props - Properties
02:57
User Created State
02:49
Lifting Up State
00:53
State For Current Value Input
02:26
Adding Items to List
03:23
Passing Functions as Props
05:07
Implementing Delete Function
03:27
React Lifecycle Methods
01:46
ComponentDidMount - Lifecycle Methods - REST API Call
02:33
React-router Navigation and Routing
04:52
Production Assets
00:09
What's next to learn?
00:03
Requirements
  • HTML - Understand Basic HTML elements
  • CSS - Basic knowledge of what a class is
  • Basic JavaScript
Description

In this course you will quickly learn all the basics of React and using npm! Here are some notes about react from the landing page:

"React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

Declarative views make your code more predictable and easier to debug."


"Build encapsulated components that manage their own state, then compose them to make complex UIs.

Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM."


"We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.

React can also render on the server using Node and power mobile apps using React Native."

Who this course is for:
  • Beginner Web Developers
  • Beginner React Developers