Duration
2 days
Outline
React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app. In this session, we teach the candidates all essentials to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.
MODULE 1: INTRODUCTION
- Welcome
- What you need to React Native?
- History
MODULE 2: DEV ENVIRONMENT SETUP
- Create React Native App
- Installing CRNA
- Using Yarn
- Why Expo?
- Expo
- Simulators
- Hello World
- The Environment
- App Setup
MODULE 3: USING THE DEBUGGER
- Introduction to Debugging
- Debugging Example
- Refreshing the App
MODULE 4: WEB VS NATIVE
- Web vs Native
- Routing and Animation Differences
- Android vs iOS
MODULE 5: COMMON REACT NATIVE COMPONENTS
- React Native Components
- View and Text
- Rendering Icons
- Icons Out of the Box
- AddEntry – getMetricMetaInfo
- AddEntry Component
- AddEntry – methods
- AddEntry – render
- AddEntry – DataHeader
- Touchables
- AddEntry
- Slider
- AddEntry & TextButton
- Lists
- Forms
- Image
- Other Images
MODULE 6: ASYNCSTORAGE
- LocalStorage
- API.js
MODULE 7: REDUX AND REACT NATIVE
- Redux in React Native
- Adding Redux
- Building out Actions
- Building out the Reducer
- Create a Store
MODULE 8: CSS in JS
- CSS in JS
- Style Progression
- CSS in JS Libs
MODULE 9: FLEXBOX GUIDE
- Flexbox
- Layout in React Native
- Flexbox Implementation
- Style Meta Info
- Platform API
- Style AddEntry
- Style Steppers
- Style the Rest
- Dimensions API
- History
- Calendar
- Methods
- Metric Card
- App Loading
MODULE 10: HOW PROFESSIONALS HANDLE STYLING
- Intro
- Stylesheet vs Inline
- Media Queries
- CSS in JS Libraries
MODULE 11: TABNAVIGATOR
- TabNavigator Intro
- Adding TabNavigator
- StatusBar Intro
MODULE 12: GEO LOCATION
- Introduction to Geolocation
- Undetermined Geolocation
- Denied Geolocation
- Granted Geolocation
- Set Geolocation
- AskPermission
MODULE 13: LOCAL NOTIFICATIONS
- Local Notifications
- setLocalNotifications
- useLocalNotifications
- Handling Photos
- Handling Phots
MODULE 14: APP STORE PREP
- App Store Prep
- Prep App
- .apk and .ipa files
MODULE 15: CONCLUSION
- QA
- Useful React Native Resources
- Feedback
Programme scope, delivery arrangements and suitability are confirmed during enquiry.