Maxtrain.com - info@maxtrain.com - 513-322-8888 - 866-595-6863
Working with React Native
Description
Working with React Native Introduction
Welcome to Working with React Native, a comprehensive course tailored for experienced web developers eager to delve into mobile app development.
Designed for those transitioning from web to mobile, this course offers an immersive learning experience, emphasizing the essential tools and techniques for creating high-quality mobile applications.
Throughout the course, you’ll be engaged in a project-based learning environment. By working on a significant real-world project, you’ll navigate the complexities of professional app development, allowing you to hone your skills and gain practical experience.
Upon completion, you’ll have a fully functional app to showcase in your portfolio, affirming your understanding of mobile development and showcasing your newly acquired skills.
Working with React Native Course Objectives
Attendees will learn about and explore:
- Understand the basics of React Native and how it differs from traditional web development
- Learn how to set up and configure a React Native development environment
- Master the core components and architecture of a React Native application
- Develop and implement UI components tailored for mobile apps
- Integrate native device features and third-party libraries effectively
- Debug, test, and optimize React Native applications for performance
- Complete a hands-on project to develop a fully functional mobile app
Prerequisites
- This is an intermediate-level course for web developers with prior practical experience working with React.
Audience
- Professional Web Developers
- Front-end Developers
- Software Engineers
- UI/UX Designers with Coding Experience
- Technology Enthusiasts and Career Changers
Working with React Native Outline
Day One to Three
React Native: An Introduction
- What Is React Native, Exactly?
- What Does React Native Bring to the Table?
- Pros & Cons
Introduction to React Native
- Prerequisites
- How to Get React Native
Baby Steps: A First App
- 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
Day Four to Five or Time Permitting
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
Building and publishing
- Building
- Building with Expo
- OS
- Android
- Handling Updates
$2595.00
|
5 Days Course |