Mastering React.js Reusable Components

with ReactJS, JSX and ES6

   Watch Promo

This course is the next step for the React full-stack web developer who wants to gain a full understanding of React development. One of the most powerful features of React is that it follows a radically different method of application development. It moves away from the traditional monolithic approach and re-orients developers to creating in a fully componentized manner. This requires a completely different way of thinking that can be unfamiliar to developers trained in the old ways.

This course will help you understand the power behind this new approach and show you how to build componentized apps and sites with reusable functionality. You will learn about the changes in ES6, and how they are important to React development, and how you can use Babel to use those features in current browsers. You will use JSX to create reusable components and learn how to pass parameters between them to create reactive sites. The course also dives into building Single-Page Applications (SPAs) using isomorphic JavaScript for a more dynamic experience.

Key features

  • Create highly optimized and reusable components with React
  • Build an SPA using the knowledge gained in the course
  • A thorough and measured learning style to component-based React development that will ensure you won’t get lost along the way

What you will learn

  • Understand the fundamentals of React’s component-based development paradigm
  • Create components using JSX and ES6 with and Babel to incorporate ES6 features into current browsers
  • Get to know how to pass parameters and change state
  • Understand the component-based paradigm of React
  • Build a React component-based SPA - Single Page Application

Your Instructor


An Adobe ACP and part of the Adobe pre-release members. Owner of and the author of the book HTML5 Graphing and Data Visualization. Award winning developer. Most of all a guy that really loves learning and teaching when ever he can. I hope you find my courses interesting and I really hope you enjoy them.

Course Curriculum

Frequently Asked Questions

Who is the target learner of this course?
The target learner: is a JavaScript ES5 Developer (or earlier) with with no background in ES6 or ReactJS A "problem solver"l developer, assumption of capability to solve small issues without diving into them.
What are the core assumptions of the title?
The title does not assume you know any server side code but are a developer that is comfortable with JavaScript and wants to expand your skills into the world of ReactJS and ES6.
What is the courses style and approach?
This course takes an extremely hands-on approach to teaching technology, full of practical examples and real-world advice. If you need to really understand the technologies used in React full-stack development, then this is the course for you.

Get started now!