Build Your First React, ES6 and Node.js App


 54 Reviews Add a review

Published February 2016

Have ES5 down pat? Take your career to the next level with this ReactJS and ES6 course.

React is the V in MVC, meaning the View. React doesn’t make any assumptions about any other technologies that you want to use, and uses uni-directional data flow to create highly interactive, predictable, and stable user interfaces. Oh, and all the cool kids are using it now, so you should definitely learn it!

I’ll be using down to earth, straightforward code samples that will teach you the basics of ReactJS, and give you the foundation to start building some amazing apps.

Still learning how to work with ES6? Check out our course Diving into ES2015 to get you started. Once you’ve completed that you can easily take this course. However, if you’re looking for your next challenge, try Functional JavaScript Programming.

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

React is the framework the JavaScript world is turning it’s head. In this course you’ll:

  • Understand the basics of React, and uni-directional data flow
  • Learn how to create stateless, reusable components
  • Gain an understanding of JSX and the Virtual DOM
  • Closed captions available
Meet your instructor
Darin Haener

Darin is a mostly autodidactic programmer, having learned Ruby, Rails, JavaScript, and React through a lot of trial and error, unit testing, and a lot of Googling. Darin has now fallen in love with React and currently creating an application that is very React heavy and with more testing than he's ever seen in a JavaScript app.

Lesson 1: Welcome to React!
Introduction 1:56
Tools of the Trade 2:37
NPM 4:35
Installing Dependencies 10:08
Application Structure 3:18
Lesson 2: React Components
Your First Component 4:52
JSX 5:34
React Conventions 4:25
Quiz
Lesson 3: The ReadingTime Component
PropTypes and defaultProps 7:55
Constructor and State 5:40
The Virtual DOM 3:49
Build the Rest of the Widget 5:32
Quiz
Lesson 4: Putting It All Together
Event Handlers 4:09
Refactoring 2:50
More Default Props and Prop Types 2:21
Lesson 5: Course Conclusion
Conclusion 1:39

Leave a Review