Angular In Depth
Published in

Angular In Depth

Versatile Ivy: Using Angular and React Together

See https://github.com/ng-packagr/ng-packagr/blob/master/integration/samples/jsx/src/react-integration.component.tsx for full code sample

Rendering an Angular Components Library in React

Creating the Angular Library

Hello World Component with an input, output and lifecycle hooks
Timer component with rxjs observables and onPush changeDetection

Creating a React helper

A diagram showing the React lifecycle hooks and the order in which they are called.
React Lifecycle Methods diagram taken from http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

Creating React wrapper components for each of our Angular components

The React Application

Summary

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store