React Native App Development [3 months]

Syllabus:

Month 1: Foundations and Core Concepts

Week 1: Introduction and Setup

• Overview of React Native: What it is and its advantages
• Setting up the development environment (Node.js, npm, Expo CLI, React Native CLI)
• Introduction to basic React Native components (View, Text, Image)
• Building your first "Hello World" application

Week 2: Layout and Styling

• Core components and layout (View, Text, Image, ScrollView, FlatList)
• Flexbox for layout management
• Styling with StyleSheet and handling different screen sizes
• Practice: Create a basic app layout with styling

Week 3: Navigation

• Introduction to React Navigation
• Setting up navigators (Stack Navigator, Tab Navigator)
• Basic navigation and screen transitions
• Practice: Implement navigation between multiple screens

Week 4: Handling User Input and Forms

• Using TextInput for user input
• Handling forms and user events (e.g., Button, TouchableOpacity)
• Basic form validation
• Practice: Build a form with user input and validation

Month 2: Intermediate to Advanced Topics

Week 1: State Management

• Introduction to state management in React Native (useState, useReducer)
• Context API for global state management
• Practice: Manage state in a small application

Week 2: APIs and Networking

• Fetching data from APIs using fetch and axios
• Handling asynchronous operations and error management
• Practice: Build an application that fetches and displays data from an API

Week 3: Animations and Performance

• Introduction to animations with the Animated API
• Creating basic animations (fade, slide, scale)
• Performance optimization techniques (e.g., optimizing FlatList, using React.memo)
• Practice: Add animations to an app and optimize its performance

Week 4: Offline Storage and Local Databases

• Introduction to local storage options (AsyncStorage, SQLite, Realm)
• Handling offline data and caching
• Practice: Implement offline storage in an app

Month 3: Advanced Features and Deployment

Week 1: Device APIs and Push Notifications

• Using device APIs (Camera, Location, Accelerometer)
• Handling permissions and accessing device features
• Setting up push notifications with Firebase Cloud Messaging
• Practice: Implement a feature using device APIs and push notifications

Week 2: Advanced Navigation and Map Integration

• Handling deep linking and nested navigators
• Integrating maps using libraries like react-native-maps
• Practice: Add map functionality to an application

Week 3: Testing and CI/CD

• Introduction to testing with Jest and React Native Testing Library
• Writing unit and integration tests
• Continuous Integration/Continuous Deployment (CI/CD) basics (e.g., using GitHub Actions, Bitrise)
• Practice: Implement tests for your app and set up a basic CI/CD pipeline

Week 4: Capstone Project and Final Review

• Develop a capstone project incorporating all learned concepts (e.g., a feature-rich app with navigation, API integration, and device features)
• Finalize, polish, and optimize the project
• Prepare and present the capstone project
• Review key learnings and discuss next steps for further development

Training highlights:

• 100% Practical Training + Live projects
• In House Placements
• Training by experienced mentors cum developers.
• Daily assignments & notes will be provided.
• Team Learning concept

About ToXSL:

• Tremendous Growth Opportunity!!
• Work with the newest and most cutting edge technologies!
• High Visibility, Autonomous Role in a Collaborative Environment!
• Outstanding Work/Life Balance!
• Competitive Compensation, Benefits, and other Perks!!