Download Full Outline
Course
Mastering React Native
CompTIA Certified Badge
Next -Level React: Explore Step-by-Step How to Build Test & Publish React Native applications
ID:TT4199
Duration:5 Days
Level:Intermediate
Format:

What You'll Learn

Overview

CompTIA Authorized Partner Badge

React Native is used by organizations worldwide to create cross-platform phone/tablet apps with one code base. This means that you can write code easily that will run on iPhones, iPads, and Android phones and tablets without having to rewrite it in two or more languages -- just one. And that one language is easy to learn if you know React and JavaScript because it is React and JavaScript! Furthermore, these apps run natively and can be deployed to the Apple AppStore or the Google Play store, not web apps that run in some adapter or translator. So, they're faster and more reliable. 

 

Mastering React Native is a hands-on, intermediate and beyond level web development course geared for experienced React developers who need to build and design applications using React Native. Throughout the course you'll explore the core APIs and Components, applying these skills to the course case study project to create a React Native app in class.   

Course Schedule Available By Request - Contact Us
Expand All

Objectives

Working in a hands-on learning environment, guided by our expert team, attendees will learn about and explore: 

  • React Native: An Introduction  
  • Getting to Know React Native: 
  • Core Components in Depth 
  • Core APIs  
  • Navigation   
  • Testing  
  • Native Modules  
  • Building and publishing (IOA and Android) 

Audience

This is an intermediate-level course for web developers with prior practical experience working with React. Attendees are required to have a very strong grasp of React, Redux and advanced JavaScript. 

Pre-Requisites

Take Before: Attendees should have experience with the topics in the following courses, or should have recently attended these as a pre-requisite: 

Mastering React Boot Camp

Agenda

Please note that this list of topics is based on our standard course offering, evolved from typical industry uses and trends. We will work with you to tune this course and level of coverage to target the skills you need most. Course agenda, topics and labs are subject to adjust during live delivery in response to student skill level, interests and participation. 

Module 1: React Native: An Introduction  

  • What Is React Native, Exactly? 
  • What Does React Native Bring to the Table? 
  • Getting Started with React Native 
  • The Core Concepts You Need to Know  
  • Virtual DOM 
  • Bridges to Everywhere  
  • JSX  
  • Components  
  • Render Life Cycle 
  • Props and State  
  • Styling  

 

Module 2: Getting to Know React Native  

  • Components 
  • Basic Components 
  • Data Input, Form, and Control Components 
  • List Components 
  • Miscellaneous Components 
  • iOS-Specific Components 
  • Android-Specific Components 
  • APIs 

 

Module 3: Getting Started with React Native  

  • Weather App 
  • Starting the project 
  • Expo  
  • Components  
  • Custom components  

 

Module 4: React Fundamentals 

  • Breaking the app into components 
  • 7 step process  
  • Step 2: Build a static version of the app 
  • Step 3: Determine what should be stateful 
  • Step 4: Determine in which component each piece of state should live 
  • Step 5: Hardcode initial states 
  • Step 6: Add inverse data flow 
  • Updating timers  
  • Deleting timers 
  • Adding timing functionality  
  • Add start and stop functionality 
  • Methodology review  

 

Module 5: Core Components, Part 1 

  • What are components? 
  • Building an Instagram clone 
  • View  
  • StyleSheet  
  • Text  
  • TouchableOpacity  
  • Image  
  • ActivityIndicator  
  • FlatList  

 

Module 6: Core Components, Part 2  

  • TextInput  
  • ScrollView 
  • Modal  

 

Module 7: Core APIs, Part 1  

  • Building a messaging app 
  • Initializing the project 
  • The app 
  • Network connectivity indicator  
  • The message list 
  • Toolbar 
  • Geolocation  
  • Input Method Editor (IME) 

 

Module 8: Core APIs, Part 2  

  • The keyboard  

 

Module 9: Navigation   

  • Navigation in React Native   
  • Contact List    
  • Starting the project   
  • Container and Presentational components  
  • Contacts  
  • Profile  
  • React Navigation 
  • Stack navigation 
  • Tab navigation 
  • Drawer navigation 
  • Sharing state between screens 
  • Deep Linking    

 

Module 10: Testing  

  • Flow  
  • Benefits of Using Flow 
  • Jest  
  • Jest with React Native 
  • Snapshot Testing with Jest  

 

Bonus Content / Time Permitting 

 

Module 11: Native Modules  

  • What are native modules? 
  • Building a native module  
  • Development environment 
  • Initializing the project  
  • iOS 
  • Android 
  • JavaScript  

 

Module 12: Building and publishing 

  • Building  
  • Building with Expo  
  • iOS  
  • Android  
  • Handling Updates 

Related Courses

Mastering Angular 18 Boot Camp
Getting Started with React Essentials
Mastering React Boot Camp

Connect with us

Tailor your learning experience with Trivera Tech. Whether you need a custom course offering or want to schedule a specific date and time for corporate training, we are here to help. Our team works with you to design a solution that fits your organization's unique needs; whether that is enrolling a small team or your entire department. Simply let us know how many participants you'd like to enroll and the skills you want to develop, and we will provide a detailed quote tailored to your request.

Contact Trivera Today to discuss how we can deliver personalized training that equips your team with the critical skills needed to succeed!