Mastering React Native
Course Objectives
This course combines expert lecture, real-world demonstrations and group discussions with machine-based practical labs and exercises. Working in a hands-on learning environment led by our expert instructor, you'll 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)
Course Prerequisites
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.
Take Before: Attendees should have experience with the topics in the following courses, or should have recently attended these as a pre-requisite:
- TT4195: Mastering React | With Redux, Flux, Unit Testing, JSX & More – 5 days
Course 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.
- 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
- 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
- Getting Started with React Native
- Weather App
- Starting the project
- Expo
- Components
- Custom components
- 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
- Core Components, Part 1
- What are components?
- Building an Instagram clone
- View
- StyleSheet
- Text
- TouchableOpacity
- Image
- ActivityIndicator
- FlatList
- Core Components, Part 2
- TextInput
- ScrollView
- Modal
- 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)
- Core APIs, Part 2
- The keyboard
- 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
- Testing
- Flow
- Benefits of Using Flow
- Jest
- Jest with React Native
- Snapshot Testing with Jest
Bonus Content / Time Permitting
- Native Modules
- What are native modules?
- Building a native module
- Development environment
- Initializing the project
- iOS
- Android
- JavaScript
- Building and publishing
- Building
- Building with Expo
- iOS
- Android
- Handling Updates
Sorry! It looks like we haven’t updated our dates for the class you selected yet. There’s a quick way to find out. Contact us at 502.265.3057 or email info@training4it.com
Request a Date