How to Make Angular and React Friends in One Application

on YouTube ↗47m

" summary

A team needed to run Angular widgets inside an existing React dashboard so Angular-built tiles matched React ones exactly (appearance, animations, fonts, spacing). The solution involved creating an Angular UI kit that wraps and adapts the React UI kit via a facade, and the talk describes the implementation challenges and integration steps to get Angular components working correctly inside the React app.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 1:54Goal and use cases
3. 4:20Angular idle problem
4. 7:16Integration technologies
5. 10:33Angular widget with React wrapper
6. 13:23Angular module in React
7. 17:21Alternative wrappers
8. 23:51React in Angular app
9. 27:24Angular templates in React
10. 33:42Content transfer between frameworks
11. 35:13Development benefits
12. 37:24Wrapper drawbacks
13. 39:34Bundle size and performance
14. 40:40Q&A

" related talks

• 26mFrom React to Angular: Making the Transition a BreezeAlex Johnson · Commit Your Code 2025
• 25mCreating the Ultimate Front End UI for a Single Page ApplicationKeerthana Krishnan · FOSSASIA Summit 2017
• 21mAngular Elements Make The Best React ComponentsRyan Chenkie, Brad McAlister · ng-conf 2019
• 32mMigrating from Angular to ReactMaayan Glikser · ReactNext 2018
• 30mUse Angular for better React appsMartin Hochel · FrontEnd Con 2018
• 17mMarrying the old with the new...Jakub Bartusiak · NG Poland 2022
• 31mFrom Angular to React and back againSimona Cotin, Artur Daschevici · AngularCamp 2017
• 43mCan Microfrontends Make a Good Match with Angular or React?M Milewicz · 4Developers 2021