Course Overview
- What is React Native?
- Installing React Native and Environment Setup
- Creating Your First React Native App
- Example: "Hello, World!" app
Day 2: JavaScript and JSX Basics
- JavaScript Fundamentals
- Variables, Data Types, and Control Structures
- Introduction to JSX
- Components and Props
- Example: Creating a simple component and passing props
Day 3: State Management and User Interface
- Understanding state and setState
- Example: Creating a toggle switch
- Basic Styling in React Native
- Example: Styling text and view components
- React Native Core Components
- Text, View, Image, Button
Day 4: User Interaction and Basic Navigation
- Handling User Input
- Example: Creating a text input field and capturing data
- User Interaction with Buttons and Touchables
- Example: Implementing a button to trigger an alert
- Introduction to Basic Navigation
- Example: Navigating between two screens using React Navigation
Intermediate Level - 4 Days
Day 1: React Native Basics and Navigation
- Recap of React Native Fundamentals
- Understanding Component Lifecycle
- State Management with Hooks
- Example: Creating a counter app using useState
- Introduction to React Navigation
- Stack Navigator
- Example: Navigation between two screens
- Tab Navigator
- Example: Create a tab-based UI
Day 2: Styling and Layouts in React Native
- Understanding Flexbox Layout
- Styles and Themes
- Example: Styling a login form
- Responsive Design
- Animations in React Native
- Example: Animating a button click
Day 3: Handling User Input and Forms
- Text Input and Buttons
- Form Validation
- Example: Create a simple registration form with validation
- Keyboard Handling
- Touchable Components
- Example: Implementing swipe gestures
Day 4: Networking and Data Storage
- Fetching Data from APIs
- Example: Create a simple weather app
- Local Storage with AsyncStorage
- Offline Data Caching
- Example: Implementing data caching for offline access
Advanced Level - 4 Days
Day 1: Advanced State Management in React Native
- Introduction to Redux
- Redux Thunk for Asynchronous Actions
- Example: Fetch and display posts from an API using Redux Thunk
- Using Context API
- Combining Redux and Context API
- Example: Implement a theme switcher using both
Day 2: Native Modules and Performance Optimization
- Introduction to Native Modules
- Bridging Native and JavaScript
- Example: Create a simple camera app using native modules
- Optimizing Performance
- Lazy Loading and Code Splitting
Day 3: Advanced Navigation Techniques and Deep Linking
- Drawer Navigator and Custom Navigators
- Deep Linking in React Native
- Example: Implement deep linking for a catalog app
- Nested Navigators
- Transitioning Animations for Navigation
- Example: Smooth navigation transitions
Day 4: Testing and Deployment Strategies
- Unit Testing in React Native
- End-to-end Testing
- Example: Write test cases for a login feature
- Continuous Integration and Deployment
- App Store Submission
- Example: Packaging and preparing the app for App Store
Programme scope, delivery arrangements and suitability are confirmed during enquiry.