Technology

React Native

Jacques Leemans
, ,
2 min. read

React Native

JavaScript framework
Built on top of React.js

React Native Benefits:
Dynamic Updates
Hybrid Apps
Cross-platform

React Native vs …
Traditional Approach
iOS: Swift or Obj-C
Android: Java or Kotlin
Wrapping HTML
Ionic Framework
C#
Xamarin
Unity
PureScript
Angular and VueJS
Flutter
Language: Dart -> JS

How it works
JSX -> compile to JS using Webpack -> Load Js in JavaScriptCore -> Render Native Components

Getting Started
https://github.com/hendrikswan/pluralsight-react-native-getting-started

brew install node brew install watchman
npm install -g react-native-cli

react-native init AwesomeProject cd AwesomeProject react-native run-ios

References and Resources
https://facebook.github.io/react-native/docs/getting-started.html

http://facebook.github.io/react-native/

https://medium.freecodecamp.org/how-to-add-app-icons-and-splash-screens-to-a-react-native-app-in-staging-and-production-d1dab615e7c6

Pluralsight:
https://app.pluralsight.com/library/courses/react-native-getting-started

React

https://reactjs.org/

https://github.com/petehunt/react-howto

https://www.codementor.io/emmancipatemusemwa/react-hooks-for-beginners-whzq9ws26?utm_content=posts&utm_source=sendgrid&utm_medium=email&utm_term=post-whzq9ws26&utm_campaign=newsletter20190703

ReactJS

https://www.tutorialspoint.com/reactjs_online_training/index.asp

React + Firebase

https://www.robinwieruch.de/complete-firebase-authentication-react-tutorial/
https://firebase.googleblog.com/2014/05/using-firebase-with-reactjs.html
https://firebase.googleblog.com/2014/05/using-firebase-with-reactjs.html

https://www.djamware.com/post/5bc50ea680aca7466989441d/reactjs-firebase-tutorial-building-firestore-crud-web-application
https://github.com/coreui/coreui-free-react-admin-template

Share