UdemyReactPaid courseBeginner levelCertificate

Learn by Example : ReactJS (Udemy.com)

A step-by-step guide to component-driven development using React

4.3

147 reviews

Created by: Loony Corn

Last updated January 2017

What you will learn

Decompose complex UI into simple and reusable components using React and JSX
Use props and state in the right way with components
Customize components using React lifecycle methods
Use mixins, ES6 classes, the React context and other advanced features
Work with React plugins for animations and routing
Use React in a production environment

How it compares

Against the other 173 rated Udemy courses in React on CourseDuck:

Rating4.3 out of 5higher than 23% of them
Reviews147#146 of 174 by number of reviews
Length7.6 hoursshorter than 67% of them
Last updatedJanuary 2017earlier than 98% of them

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 86 / 100

Course Description

NOTE: This course uses React 15.3.2
React JS re-imagines the web user interface by breaking complex UI down into granular, reusable components. Learn ReactJS by example: from basic building blocks to animations and routing using React add-ons
Let's parse that.

Re-imagines the web user interface: React is not a framework, it is a library focused on building web UI which is compact, robust, maintainable and reactive to user and server updates.

Breaking complex UI down into granular, reusable components: Each component in React is self-sufficient and knows how to handle its own state and behavior. Components come together in the form of a tree hierarchy to build complex components with many moving parts

In this course, we will learn by example. Each example is self-contained, has its source code attached, and gets across a specific React use-case. Each example is simple by itself, but they come together as building blocks to build complex use cases.

What's included in this course:

Installing and setting up a basic development web server with React, JSX for HTML specification and the Babel compiler

React basics: React nodes, fragments and components, performance optimizations using the virtual DOM, the Babel compiler for JSX transformation, passing data to components using state and props, the spread operator, synthetic events

React in-depth: The React component lifecycle, the component mounting, updating and unmounting phases, mixins, ES6 classes to specify React components, controlled components, forms and validation, accessing native DOM elements, the React context, DOM reconciliation

React in production environments: npm, Webpack, Babel 6 and JSX to build React code in a production environment, animations using transition groups and CSS transition groups, single page applications and routing

Who this course is for:

Yup! Any web programmer looking to harness the power of component driven development using React
Nope! Students who have never done web development using Javascript before

Beginner Level

Time: 7.6h

Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

Instructor Details

Loony Corn

4.3 Rating
147 Reviews

Loonycorn is us, Janani Ravi and Vitthal Srinivasan. Between us, we have studied at Stanford, been admitted to IIM Ahmedabad and have spent years working in tech, in the Bay Area, New York, Singapore and Bangalore.
Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft
Vitthal: Also Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too
We think we might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why we are so excited to be here on Udemy!

We hope you will try our offerings, and think you'll like them :-)