This is part of a series of notes from from YOW! Connected conference where leading experts presents their thoughts on all things mobile and IoT.
Traditionally, hybrid mobile app means packaging up a web layout as native. But not React Native. React Native = no UIWebView, it’s actual native components!
Ben started his talk with a quick overview of the React concepts:
Virtual DOM — diff and apply patch to browser DOM
Components — Declarative and nested component
One-way data flow — only do the bare minimum update. Reconcile with browser DOM. Handle event, update state, virtual DOM, browser DOM.
People with web development background will find this a great avenue for applying their skill to native app development. React Native uses flexbox for layout positioning, it also has touch handling and LayoutAnimation out of the box. LayoutAnimation is great for automatically animating elements to their new positions when the next layout happens.