The new flow

We now go over the flow from the previous post and will show the differences. There isn’t a bridge anymore

1. User clicks on the app icon
2. Fabric loads the native side (no native modules)
3. It tells the JS thread that it is ready and now the JS side loads all the main.bundle.js which contains all js and react logic + components
4. JS called through the ref native function (the one that was exposed as an object using the JSI API) to Fabric and the shadow node creates the tree as before
5. Yoga does the layout calculation converting from flexbox-based style to host layout
6. Fabric does its thing and shows the UI