Learning React Reusable Components

Описание: Understand React’s new componentized development paradigm

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

Learning
Understand the fundamentals of React’s component-based development paradigm
Create components using JSXUse Babel to incorporate ES6 features into current browsers
Get to know how to pass parameters and change state
Find out how to debug a component-based app
Build a React component-based SPA

About
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.

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 component-based React development, then this is the course for you.

Creating a React JSX Component
Overview and Setting Things
Configuring the Webpack Development Server
Developing in ES2016 Today with Babel
Hello JSX
Creating a Component
Understanding the React Paradigm Shift
Using Components Inside Components
Passing Properties to Components
Dynamically Passing Components into Components
Components That Change with State
How React Works and Arrow Functions
Componentizing
Sectioning our Site into components
Composition Instead of Inheritance
Dynamic Children from Model Data
Understanding var, let, and const
Exploring ES6 Strings
Reusable Components
Finding Bugs
Extracting the Model from the View
Using the JSX and ES6 Spread Features
Validating Development Props
Making Everything Dynamic
Final Thoughts on Reusability
Building a Single Page Application
Preparing for Idiomatic JavaScript
Building Out the Site Navigation
Bubbling Events in React
Merging Our Model with Our View
Making Things Dynamic with Maps
SPA – Creating a Single Page Application