Introduction to React Native

I gentle intro to React Native. Why to start? Where to Start?

Transcript

1. INTRO TO REACT NATIVE - ANIL GURINDAPALLI @AGurindapalli
2. WHAT IS REACT NATIVE?  React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components.
3. WHY SHOULD YOU CARE??  JavaScript is always changing. New libraries, new frameworks, new languages…  Awareness is growing…
4. TECHNOLOGY SATISFACTION https://2018.stateofjs.com/opinions/ Results:
5. WHO ARE ALL USING REACT NATIVE?
6. REACT NATIVE IS FOR?
7. PHILOSOPHY OF REACT NATIVE Write Once, use everywhere..
8. WHAT’S SO GOOD? Write Once for all platforms Community Flexibility with Native Integration with new technologies (Regular Updates) etc..
9. WHY TO ADOPT REACT NATIVE?  Build new features fast.  Ensure feature parity between platforms.  Works perfect with small teams too etc,.
10. WHAT ARE THE THINGS TO BE LEARNT TO START?  Nothing.. Just a Basic knowledge on HTML & CSS
11. CAN I INTEGRATE REACT NATIVE WITH EXISTING NATIVE APP?  Yes, Absolutely  Apps are ofTwo types  Green Field Apps  E.g. XAMPR, Skype, Uber Eats, etc  Brown Field Apps  E.g. Facebook, Instagram etc
12. DO I NEED ANY SETUP TO START?  No, you don’t need any setup to start you can start learning using EXPO SNACK browser. (OR)  For working in local you need  Node.js installed  NPM /YARN (To install the packages)  VS Code (Editor)  Expo CLI (Bundling App)  Expo app in Mobile (To View the App)
13. LIBRARIES REACT NATIVE SUPPORTS React Native supports all the libraries that supports React To Name few important libraries which are extensively used with RN are  State Management ( Redux / MobX / Relay / Apollo-Client)  Navigation (React-Navigation / WIX-navigation)  Data Fetching (Fetch / Apisauce)  Database (SQLite /Realm / NoSQLProvider )  API (REST / GRAPHQL)
14. REFERENCE LINKS  https://facebook.github.io/react-native/  https://reactjs.org/  https://docs.expo.io/versions/latest/  https://expo.io/tools  https://microsoft.github.io/reactxp/  https://2018.stateofjs.com
15. THANK YOU ANIL@XAMPR.NET @AGurindapalli