React: Build Highly Interactive Web Applications

• Basic familiarity with HTML & CSS.
• Basic knowledge of JavaScript and programming.
• Familiarity with ES6 syntax and features.

Audience

• Front-end developers
• Web developers
• Javascript programmers

React is an open source Javascript library that can be used to create interactive web and mobile applications. It is often compared to MVC frameworks such as Angular, Ember and Backbone, however, React is distinct in its focus on the UI of the application (the View in MVC). Its unique approach to rendering highly interactive UIs is both powerful and liberating and has led to React's popularity.

In this instructor-led, live training, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.

By the end of this course, participants will be able to:

• Understand React's design philosophy.
• Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
• Understand React concepts such as components, props, state, and lifecycle.
• Implement related technologies such as Babel, Webpack, and JSX.
• Build, test and deploy an interactive web application.

With an emphasis on hands-on practice and the completion of a real application, this training will be invaluable to web application developers wishing to use React to boost their productivity and value.

Format of the Course

• Overview of React's features and capabilities along with step-by-step development of a real-world web application.

Introduction

• React vs Angular vs Vue.js vs other MVC frameworks

Design Principles behind React

Understanding the DOM

Setting up Your Development Environment

How Components Work in React

The Component Life Cycle

Overview of JSX Syntax

Rendering an Element

Building Your First Component

Handling State in React

Defining Your Components' Parent/Child Relationships

Event Handling and Conditional Rendering

Container vs Presentational Components

Implementing Forms and Processing User Input

Testing Your React Web Application

Integrating React with Other Frameworks and Plugins

Deploying your React Application

Summary and Conclusion