Highlights
- Gain an introduction to React Native
- Create high-performance mobile apps with React Native
- Acquire skills in the whole React Native building process
- Learn to render, create and host
- Build a simple new app
- Create components for Mobile, Android / iOS
- Compare HTML elements with native components
- Declare and manipulate styles
- Work with platform APIs and use Geolocation
- Learn about modules for iOS and Android
- Explore React Native debugging and developer tools
- Deploy, prepare and launch
Course Details
Introducing React Native
- Advantages of React Native
• Developer Experience
• Code Reuse and Modularization
Working with React Native
- Rendering Lifecycle
• Creating Components in React Native
• Working with Views
• Using JSX
• Styling Native Components
• Host Platform APIs
Building a Simple Application
- Setting Up the Environment
• Installing React Native
• iOS Dependencies
• Android Dependencies
• Creating a New Application
• Running a React Native Application for iOS
• Uploading to a Device
• Running a React Native Application for Android
• Attaching a Component to the View
• Imports in React Native
• Handling User Input
• Displaying Data
• Adding a Background Image
• Fetching Data from the Web
Components for Mobile
- Comparing HTML Elements with Native Components
• The Text and Image Components
• Working with Touch and Gestures
• Using TouchableHighlight
• The GestureResponder System
• PanResponder
• Working with Organizational Components
• Using ListView and Navigators
• Platform-Specific Components
• iOS and Android-Specific Components
• Components with Platform-Specific Versions
Styles
- Declaring and Manipulating Styles
• Inline Styles and Styling with Objects
• Using Stylesheet.Create
• Style Concatenation
• Organization and Inheritance
• Exporting Style Objects
• Passing Styles as Props
• Reusing and Sharing Styles
• Positioning and Designing Layouts
• Layouts with Flexbox
• Using Absolute Positioning
Platform APIs
- Using Geolocation
• Getting the Device Location
• Handling Permissions
• Accessing Images and Camera
• The CameraRoll Module
• Requesting Images with GetPhotoParams
• Displaying a List of Photos
• Storing Persistent Data with AsyncStore
• Other Storage Options
Modules
- Installing JavaScript Libraries with npm
• Native Modules for iOS
• Using the Video Component
• Native Modules for Android
Debugging and Developer Tools
- JavaScript Debugging
• Activating the Developer Options
• Debugging with console.log
• Working with the React Developer Tools
• React Native Debugging Tools
• Using Inspect Element
• The React Native Packager
• Testing Your Code
Deploying
- Preparing the Project
• Selecting Supported Devices and Target Versions
• Launch Screen Images
• Adding an Application Icon
• Setting a Bundle Name
• Updating AppDelegate.m
Who should attend
This hands on course introduces React Native for rapid app development on Android and iOS.
Good React experience is essential for this course.
Feedback
4.8 out of 5 average
"It was a very good course full of information. I especially liked the sections on modules and mobile components. The trainer was excellent and kept the group engaged for the full course with many interesting examples and tasks."
TR, Software Developer, React Native, April 2021
“JBI did a great job of customizing their syllabus to suit our business needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and the Instructor handled this particularly well - very impressive”
Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022
