Migrating from React to Angular

Migrating from React to Angular

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 50m | 150 MB

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.

Topics include:

  • 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
Table of Contents

Introduction
1 Welcome
2 What you should know

Prepare Your Angular App
3 Installing the Angular CLI
4 Looking at the project structure
5 Using the CLI generators
6 Using webpack vs. the CLI and running your app
7 Ahead-of-time compilation

Converting Your ES6 to TypeScript
8 PropTypes vs. types
9 Type guards – Using types in functions
10 Interfaces
11 Advanced types

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

Directives and Pipes
16 Creating a directive
17 Creating a pipe

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