Migrating from React to Angular

51mIntermediate2018-06-12

Authors

Drake Boley

Developer, Programmer, and UI Architect with 10+ years of experience

Course details

Learn how to convert a React application into an Angular app. Drake Boley starts with preparation steps: installing the Angular CLI, evaluating the structure of an app's code, and using generators. Next comes the conversion process, including how to handle types, interfaces, components, styles, and controllers. Then, directives and pipes transform templates. Finally, services and routing are explored as alternatives to flux architecture.

Learning objectives
Comparing ES6 to TypeScript
Converting and app from React to Angular
Evaluating the code structure of a React app
Compilating ahead of time
Using type guards and advanced types
Converting components
Working with controller logic
Passing data between components
Creating pipes and directives
Using services instead of flux
Using declared routes

Skills covered

MigratingAngularReact.jsMetaWeb Development ToolsWeb DevelopmentOpen Source

Concepts

0. Introduction

01 - Welcome
02 - What you should know

1. Prepare Your Angular App

03 - Installing the Angular CLI
04 - Looking at the project structure
05 - Using the CLI generators
06 - Using webpack vs. the CLI and running your app
07 - Ahead-of-time compilation

2. Converting Your ES6 to TypeScript

08 - PropTypes vs. types
09 - Type guards - Using types in functions
10 - Interfaces
11 - Advanced types

3. Converting Your Components

12 - Creating a component
13 - Attaching styles to a component
14 - Working with component controller logic
15 - Passing data between components

4. Directives and Pipes

16 - Creating a directive
17 - Creating a pipe

5. Services and Routing

18 - Flux and states vs. services
19 - Using RxJS and the HTTP client
20 - Declaring and using routes

Conclusion

21 - Next steps