× Successfully! Added to wish list

Learn by Example : ReactJS

By: Loonycorn A 4-Ppl Team;ex-Google.

  • 5
  • (5)
  • 07:28:38
  • 78
  • 11
  • Language: English

Course Summary

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

Read More

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

Pre-Requisites

  • Basic understanding of HTML and CSS
  • Basic programming in Javascript

Curriculum

  • You, This Course and Us
    02:31
  • Download for Sec 2
  • What Is React?
    09:19
  • What Makes React Cool?
    08:47
  • Npm And Http Server Install
    04:50
  • Running Examples On The Http Server
    02:42
  • Accessing ReactJS Files
    01:52
  • Using SublimeText For Coding In React
    02:17
  • Download for Sec 4
  • Example 1: Hello World
    05:11
  • The Virtual DOM
    05:21
  • Example 2: Nested Elements
    05:25
  • Terms In React
    04:59
  • Example 3: Factory Functions
    03:48
  • What Is JSX?
    08:30
  • The Babel REPL Environment
    04:32
  • Babel For Development And Production Environments
    04:58
  • Example 4: Elements With JSX
    03:15
  • Introduction To Components
    02:24
  • Example 4: A Stateless React Component
    07:15
  • Example 5: The Render Function
    05:30
  • Introduction To State And Props
    04:26
  • Example 7: Props
    03:49
  • Example 8: Passing Props To Nested Components
    05:02
  • Example 9: Transferring Props To Child Components
    05:28
  • Example 10: The Spread Operator
    04:49
  • Example 11: Dynamic Types Using Props
    08:53
  • Example 12: Validation With Prop Type
    10:50
  • Example 13: Accessing A Component's Children Using Props
    04:46
  • Example 14: Lambda Expressions As Children
    04:46
  • Example 15: Components And Child Expressions
    07:52
  • Components As State Machines
    04:47
  • Example 16: State
    03:13
  • Example 17: Update State
    09:54
  • Example 18: Accessing Previous State
    05:22
  • Properties Of State
    06:11
  • Download for Sec 9
    00:00
  • Capture And Bubble Phases
    07:49
  • Example 19: Events
    06:18
  • The Synthetic Event
    12:35
  • Example 20: Working With Synthetic Events
    03:52
  • Example 21: The Comment App Visual Representation
    09:09
  • Example 22: The Comment App With Props
    05:05
  • Example 23: Adding A New Comment
    09:31
  • Example 23: Deleting Comments
    05:43
  • Component Lifecycle Methods: The Mounting Phase
    05:59
  • Example 24: The Mounting Phase Lifecycle Methods
    08:36
  • Example 25: The Unmounting Phase Lifecycle Methods
    11:11
  • Component Lifecycle Methods: The Updating Phase
    03:24
  • Example 26: The Updating Phase, componentWillReceiveProps()
    09:15
  • Example 27: The Updating Phase, shouldComponentUpdate()
    12:14
  • Example 28: The Updating Phase Lifecycle Methods
    07:07
  • Download for Sec 12
    00:00
  • Mixins
    04:12
  • Example 29: Mixins
    05:09
  • Example 30: Nested And Multiple Mixins
    06:31
  • ES6 Classes For React
    03:23
  • Example 31: ES6 Classes And The React.createClass() Function
    11:09
  • Introduction To Forms
    02:18
  • Example 32: Controlled Components
    07:04
  • Example 33: Componentize Forms
    07:02
  • Example 33: Componentize Forms Continued
    04:26
  • Example 34: Form Validation
    10:50
  • Example 35: Accessing Native DOM Elements
    07:08
  • Example 36: Accessing DOM Elements In A React Component
    05:28
  • Example 36: The React Context
    07:43
  • DOM Reconciliation
    09:25
  • Download for Sec 16
    00:00
  • React In Production: Setting Up Webpack
    08:28
  • React In Production: The Babel Loader
    06:07
  • React In Production: Watching For App Changes
    03:05
  • Animation Add Ons In React
    02:01
  • Example 38: The React Transition Group
    05:55
  • Example 38: The React Transition Group continued
    09:07
  • Example 39: The React CSS Transition Group
    06:24
  • Example 40: React Router: Basic Routing
    05:48
  • Example 40: React Router: Routing With Links
    06:11
  • The Webpack Dev Server
    02:23

About the Author

Loonycorn A 4-Ppl Team;ex-Google.,

Loonycorn is us, Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh. Between the four of us, we have studied at Stanford, IIM Ahmedabad, the IITs and have spent years (decades, actually) 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 Swetha: Early Flipkart employee, IIM Ahmedabad and IIT Madras alum Navdeep: longtime Flipkart employee too, and IIT Guwahati alum 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 Unanth! We hope you will try our offerings, and think you'll like them :-)

More From Author

Reviews

Mahesh Panchagnula
5

Very clear and well thought out material. Instructor starts with the basics including vocabulary and moves up from there. Easy to understand

Learn by Example : ReactJS

  • 07:28:38
  • 78
  • 11
  • Language: English
  • 15 days Money back Gurantee
  • Unlimited Access
  • Android, iPhone and iPad Access
  • Certificate of Completion

Course Summary

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

Read More

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

Pre-Requisites

  • 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

About the Author

Loonycorn A 4-Ppl Team;ex-Google.,

Loonycorn is us, Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh. Between the four of us, we have studied at Stanford, IIM Ahmedabad, the IITs and have spent years (decades, actually) 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 Swetha: Early Flipkart employee, IIM Ahmedabad and IIT Madras alum Navdeep: longtime Flipkart employee too, and IIT Guwahati alum 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 Unanth! We hope you will try our offerings, and think you'll like them :-)

More From Author

Review & Rating

Mahesh Panchagnula 5

Very clear and well thought out material. Instructor starts with the basics including vocabulary and moves up from there. Easy to understand