Mastering React.js
3.6 (38 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.
6,656 students enrolled

Mastering React.js

Learn how to build user interfaces using React
3.6 (38 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.
6,656 students enrolled
Last updated 12/2019
English
English [Auto-generated]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 13 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
  • At the end of my course students will be able to create web application's user interface using React framework
  • At the end of my course students will be able to use state of React Components to change its behavior
  • At the end of my course students will be able to use props of parent React component to change the behavior of child components
  • At the end of my course students will be able to hook into life cycle events of React components and manipulate DOM or change configuration.
Course content
Expand all 36 lectures 02:35:53
+ Say Hello world with React
7 lectures 26:14
Overview
00:32
Introduction
00:58
Coding Hello World using React
10:44
Anatomy of a React Program
06:38
Challenge
02:10
Solution
03:51
Summary
01:21
+ Component Properties
9 lectures 43:36
Overview
00:43
Introduction to React component Property
04:31
Nesting components
03:20
Summary
01:21
Property Validation
16:51
Challenge
01:13
Overview
00:43
Solution
14:17
Summary
00:37
+ State
6 lectures 27:31
Overview
00:27
Understanding state
05:25
Challenge
05:25
Summary
00:37
Solution
14:54
Summary
00:43
+ Lifecycle hooks and Refs
8 lectures 39:01
Overview
00:43
Getting familiar with lifecycle hooks
06:00
Lifecycle hooks illustration
11:54
Refs
05:36
Challenge
01:03
Solution
11:04
Summary
01:27
Thank You
01:14
Requirements
  • Students will need to Javascript before starting this course
Description


Course Description

Learn the basic concepts, , and functions that you will need to build fully modular web components with the popular programming language React.js

Build a strong foundation in React.js with this tutorial for beginners.

  • Anatomy of react component
  • React Property, States
  • React Lifecycle hooks

A Powerful Skill at Your Fingertips  Learning the fundamentals of React puts a powerful and very useful tool at your fingertips. React is free, easy to learn, has excellent documentation, and is built in javascrtipt.

Jobs in React development are plentiful, and being able to learn React.js will give you a strong background.

There is also mobile version of React library call react Native. Since React is written in Javascript, now with just one language, you can write client side and server side web application and also mobile application. Learning React will help you become a full stack engineer well equipped with ability to work any part of software product.

Big companies like NetFlix, EBay, AirBnB and Yahoo already moved to using React in their products.

Content and Overview  

This course teaches you on how to build user interfaces using open source React framework from Facebook. React offers modular way to create expressive user interfaces. It was first released in 2013, and its original slogan was, “Rethinking best practices.” Why? Because the most well-known JavaScript frameworks (i.e., Ember.js and AngularJS) at the time based their architecture on the MVC pattern, which largely focuses on separating the application logic from the view. But the team behind React thought they had a better idea. Instead of completely separating the application logic from the view, it coupled the logic and view into one file using something called the component-based architecture, which allowed the composition of these components.

 React is at least 10x faster than ember and angular and also its memory consumption is way less.


This course will teach you entire react.js step by step. By the end of this course you will be very comfortable in using react syntax to build powerful web applications.

What am I going to get from this course?

  • Learn React programming from professional trainer from your own desk.
  • Over 32 lectures teaching you React.js programming
  • Suitable for beginner programmers and ideal for users who learn faster when shown.
  • Visual training method, offering users increased retention and accelerated learning.
  • Breaks even the most complex applications down into simplistic steps.
  • Offers challenges at the end of each section to enable reinforcement of concepts. Also solutions are described to validate the challenges.


Who this course is for:
  • Web developers