Learn by Example : ReactJS
4.5 (56 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.
1,846 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn by Example : ReactJS to your Wishlist.

Add to Wishlist

Learn by Example : ReactJS

A step-by-step guide to component-driven development using React
4.5 (56 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.
1,846 students enrolled
Created by Loony Corn
Last updated 1/2017
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 7.5 hours on-demand video
  • 72 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • Basic understanding of HTML and CSS
  • Basic programming in Javascript

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

Using discussion forums

Please use the discussion forums on this course to engage with other students and to help each other out. Unfortunately, much as we would like to, it is not possible for us at Loonycorn to respond to individual questions from students:-(

We're super small and self-funded with only 2 people developing technical video content. Our mission is to make high-quality courses available at super low prices.

The only way to keep our prices this low is to *NOT offer additional technical support over email or in-person*. The truth is, direct support is hugely expensive and just does not scale.

We understand that this is not ideal and that a lot of students might benefit from this additional support. Hiring resources for additional support would make our offering much more expensive, thus defeating our original purpose.

It is a hard trade-off.

Thank you for your patience and understanding!

Who is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
74 Lectures
You, This Course and Us
1 Lecture 02:31
2 Lectures 18:04
Install and Set up
4 Lectures 11:37

Running Examples On The Http Server

Accessing ReactJS Files

Using SublimeText For Coding In React
React Basics
5 Lectures 24:41

The Virtual DOM

Example 2: Nested Elements

Terms In React

Example 3: Factory Functions
JSX and the Babel Compiler
4 Lectures 21:13

The Babel REPL Environment

Babel For Development And Production Environments

Example 4: Elements With JSX
React Components
3 Lectures 15:09

Example 4: A Stateless React Component

Example 5: The Render Function
State and Props: Immutable Props
10 Lectures 01:00:35

Example 7: Props

Example 8: Passing Props To Nested Components

Example 9: Transferring Props To Child Components

Example 10: The Spread Operator

Example 11: Dynamic Types Using Props

Example 12: Validation With Prop Types

Example 13: Accessing A Component's Children Using Props

Example 14: Lambda Expressions As Children

Example 15: Components And Child Expressions
State and Props: The Component as a State Machine
5 Lectures 29:25

Example 16: State

Example 17: Update State

Example 18: Accessing Previous State

Properties Of State
Synthetic Events in React
4 Lectures 30:31

Example 19: Events

The Synthetic Event

Example 20: Working With Synthetic Events
Bringing It All Together in A Single Application
4 Lectures 29:26

Example 22: The Comment App With Props

Example 23: Adding A New Comment

Example 23: Deleting Comments
9 More Sections
About the Instructor
Loony Corn
4.3 Average rating
5,450 Reviews
42,454 Students
75 Courses
An ex-Google, Stanford and Flipkart team

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 :-)