Dani Akash Building Universal Apps with Expo 

Powered by React You just need to know a bit of JavaScript! 

And here’s the summary ﹣ ● What exactly are platforms? ● How does modern App Development work ● Why build a Native App ● Why you shouldn’t build a Native App ● Cross platform development tools ● A bit of Javascript ● The React Native “Platform” ● Expo ● A bit of coding ● Some discussion We are gonna learn some stuff 

Platforms A platform is a group of technologies based on which other applications are developed. Xbox, PlayStation, Nintendo ﹣ are all platforms for developing games 

Targeted Platforms Almost all businesses require some form of platform 

Desktop Mobile Web Desktop Native Universal Windows Platform Android iOS Mobile Web 

Android Platform A few things to know Apps are built with Java, Kotlin or C++ ﹣ Uses XML for UI Layouts ﹣ The final app is packaged as .apk or .abb ﹣ Usually distributed through Play Store ﹣ 

iOS Platform A bunch of more things to know Apps are built with Objective-C or Swift ﹣ Uses Interface Builder or Swift UI for Layouts ﹣ The final app is packaged as .ipa ﹣ Can only be distributed through App Store ﹣ 

Web You might already know this Apps are built with HTML, CSS and JavaScript ﹣ Uses Flexbox or CSS Grids for Layouts ﹣ The final app is packaged as .html, .CSS or .js ﹣ Can be distributed throughout the web ﹣ 

Cross Platform Development tools Ionic Flutter React Native Uses the webview Uses its own rendering engine Uses a native bridge 

Flutter An excellent framework if you are targeting only mobile apps! 

Android Text is rendered using platform’s native “TextView” iOS Text is rendered using platform’s native “UILabel” What Makes React Native awesome The Native Bridge This will convert the Text Component into the platform’s native text element A React Native Text Component 

The Native Bridge is powerful Since all the UI elements of React Native is defined as platform independent terms like Text, View, ScrollView etc. The Native Bridge can be extended to almost any platforms. 

Twitter PWA Built with React-Native-Web where native bridge extends React native components to render HTML & CSS 

React Native Windows It is a framework which extends React Native Components to Universal Windows Platform 

And these usually don’t affect people who are familiar with the platform ● Complicated Setup ● Too much native code ● Lack of many inbuilt modules like Camera, Push Notifications ● Platform Specific Components ● Need a Mac for iOS Apps There are few things in React Native that make it difficult for new developers to learn 

State of JS 2019 

Meet Expo A Framework Built on Top of React Native 

A few benefits ﹣ ● You don’t have to know Native Development ● You don’t need to search for external libraries ● You don’t need a mac to build iOS Apps ● It can extend upto all platforms with little to no change Expo organizes things neatly 

Before we start... Node VSCode Google Chrome Yarn React Expo CLI 

Thanks Follow me on: @dani_akash_ daniakash.com 

You can find the projects we did in this session here... Github - Not Instagram - https://github.com/DaniAkash/not-instagram Snack - Todolist App - https://snack.expo.io/@daniakash/todolist RESOURCES