React Native App Development [6 months]

Syllabus:

Month 1: Introduction and Basic Setup

Week 1: Introduction to React Native

• Overview of React Native: What it is and why use it
• Setting up the development environment (Node.js, npm, Expo CLI, React Native CLI)
• Introduction to React Native components and core concepts
• Hello World application

Week 2: Core Components and Layout

• Basic React Native components (View, Text, Image, ScrollView, FlatList)
• Styling with StyleSheet
• Flexbox for layout in React Native
• Practice: Build a simple layout with core components

Week 3: Navigation

• Introduction to React Navigation
• Setting up navigation (Stack Navigator, Tab Navigator, Drawer Navigator)
• Practice: Implement basic navigation in an app

Week 4: Handling User Input

• Working with TextInput and handling user input
• Button component and touch handling (TouchableOpacity, TouchableHighlight)
• Practice: Build a form with user input and validation

Month 2: Intermediate Concepts

Week 1: State Management

• Introduction to state and the useState hook in React Native
• Handling state with useReducer
• Context API for state management
• Practice: Manage state in a simple application

Week 2: APIs and Networking

• Fetching data from APIs using fetch and axios
• Handling asynchronous operations and error handling
• Practice: Build a data-driven application that consumes an API

Week 3: Advanced Navigation

• Deep linking and nested navigators
• Navigation parameters and state
• Practice: Implement complex navigation scenarios in an app

Week 4: Animations

• Introduction to animations in React Native (Animated API)
• Creating basic animations (fade, slide, scale)
• Practice: Add animations to a component or screen

Month 3: Advanced Topics and Libraries

Week 1: Advanced State Management

• Introduction to Redux and its core concepts (actions, reducers, store)
• Integrating Redux with React Native
• Practice: Implement Redux for state management in an app

Week 2: Using Third-Party Libraries

• Introduction to popular third-party libraries (e.g., React Native Elements, React Native Paper, React Navigation)
• Installation and usage of libraries
• Practice: Integrate third-party libraries into an application

Week 3: Performance Optimization

• Techniques for optimizing performance (e.g., FlatList optimizations, memoization)
• Profiling and debugging performance issues
• Practice: Optimize an existing application for better performance

Week 4: Offline and Local Storage

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

Month 4: Mobile-Specific Features and Integrations

Week 1: Device APIs and Permissions

• Using device APIs (Camera, Location, Accelerometer)
• Handling permissions and user privacy
• Practice: Implement a feature using device APIs

Week 2: Push Notifications

• Introduction to push notifications (Firebase Cloud Messaging)
• Setting up push notifications in a React Native app
• Practice: Implement push notifications

Week 3: Navigation with Maps

• Integrating maps using libraries like react-native-maps
• Handling map markers and user location
• Practice: Add a map feature to an application

Week 4: App Configuration and Environment

• Configuring app settings for iOS and Android
• Managing environment variables and build configurations
• Practice: Set up app configuration and environment-specific settings

Month 5: Testing and Deployment

Week 1: Testing Basics

• Introduction to testing in React Native (Jest, React Native Testing Library)
• Writing unit tests and integration tests
• Practice: Write tests for components and features

Week 2: End-to-End Testing

• Introduction to end-to-end testing (e.g., Detox)
• Writing and running end-to-end tests
• Practice: Implement end-to-end tests for your app

Week 3: Build and Deployment

• Building and releasing React Native apps for iOS and Android
• Setup for the App Store and Google Play Store
• Practice: Prepare and build a release version of your app

Week 4: Continuous Integration/Continuous Deployment (CI/CD)

• Setting up CI/CD pipelines for React Native apps (e.g., GitHub Actions, Bitrise, App Center)
• Automating builds and deployments
• Practice: Implement a basic CI/CD pipeline for your app

Month 6: Capstone Project and Final Review

Week 1-2: Capstone Project Development

• Plan and start a capstone project incorporating all learned concepts (e.g., a complex app with navigation, state management, and device features)
• Implement core features and functionality

Week 3: Final Touches and Optimization

• Polish and refine the capstone project
• Conduct performance optimizations and final bug fixes

Week 4: Presentation and Review

• Present your capstone project
• Review key learnings and discuss potential improvements or future learning paths

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!!