COURSE OUTLINE

Day 1: Introduction to Flutter framework

·      Overview of the architecture

·      Installing the Node.js and npm tools

·      Installing React Native CLI

·      Installing Android SDK

·      Understanding the basic React Native project structure

·      Compiling, coding, and running the application

Day 2: Reviewing React components for React Native programming

·      JavaScript fundamentals

o  Variables and Data Types

o  Control Flows

o  Functions

·      React Native essentials

o  Arrow Functions

o  Destructuring

o  Promises

o  Async/Await

·      JSX Components

·      States and props

·      State lifecycle methods for functional React components

·      Hook methods

·      Third party-plugins

Day 3: React native core components

·      Basic components

o  Text

o  View

o  Image

o  ScrollView

·      Basic layouts

o  Flexbox

o  Padding and Margin

o  Responsive Layout with Flexbox

·      Styling components

o  Using Stylesheets

o  Flexbox best practice

o  Handling responsive design with Flexbox

·      Navigating screens

o  Stack, Tab, and Drawer Navigators

§ Stack Navigator

§ Tab Navigator

§ Drawer Navigator

o  Passing Data Between Screens and Managing Navigation State

§ Passing Parameters to Screens

§ Managing Navigation State

o  Deep Linking and Handling the Back Button on Android

§ Deep Linking

§ Handling the Back Button on Android

Day 4: User interaction and data stores

·      Fetching Data Using Fetch and Axios

·      Displaying Dynamic Data in Components

·      Error Handling and Loading States State Management

·      Handling user inputs

o  Forms and TextInput Components

o  Validating User Input

o  Handling Keyboard and Scroll Behaviors

Day 5: State Management and other advanced topics

·      Understanding React’s State and Context API

·      Introduction to Redux for State Management

·      Managing App State Globally

o  Working with Async Data in Redux

o  Handling the Async Actions in Reducers

·      Setting Up Debugging Tools

o  Using React Native Debugger

o  Using Chrome Developer Tools

o  Using Console Logs for Debugging

·      Writing Unit and Integration Tests with Jest

·      Handling Errors and Warnings Effectively

·      Publishing and deploying the app

·      Dissecting a React native application