React Native Course
Course Description
Ready to dive into mobile app development with React Native? Our comprehensive React Native course is designed to equip you with the skills and knowledge needed to build high-quality, cross-platform mobile applications for iOS and Android platforms. Whether you’re a seasoned React developer looking to expand your skill set or a newcomer to mobile development, this course caters to all levels of expertise. Through a combination of theoretical concepts, hands-on exercises, and real-world projects, you’ll learn how to harness the power of React Native to create engaging and performant mobile experiences.
Audience Profile
This course is built for developers wanting to build mobile applications in React Native. React experience is preferred but not required.
About this Course
Course Outline
Module 1: Introduction to React Native
o Overview of React & React Native
o Explanation of React’s view abstraction and it’s advantages
o Key milestones and versions in React Native’s development
o How React Native fits into the ecosystem
● Module 2: Setting Up Your Environment
o Creating a new React Native app
o Overview of Expo
o Running a React Native app
o Common Setup Challenges and Troubleshooting
● Module 3: Introduction to TypeScript
o Overview of TypeScript and it’s importance in React Native
o Basics of Types in TypeScript
o Functions in TypeScript: Parameter types, return types
o Interfaces and classes in TypeScript
● Module 4: Introduction to JSX
o Explanation of JSX, its syntax, and role in React Native
o Embedding JavaScript expressions in JSX
● Module 5: React Native Components
o Definition of role of components in React Native applications
o Overview of Core Components (including Button, Image, TextInput, etc)
o Intro to ScrollView and List components
● Module 6: Building Components
o Learn the basics of creating components in React Native
o Discover how components are structured
o Review how React Native components are fundamentally functions
● Module 7: Passing Props
o Mapping the idea of function arguments to component props
o Using strings vs. other object types as props
o Passing functions as callbacks to child components
● Module 9: Navigation in React Native
o Understanding React Native Navigation
o Common navigation patterns (stack, tab navigation, etc)
o Implementing navigation with examples
● Module 10: Styling in React Native
o Basics of inline styles
o Using Flexbox for layout
o Responsive design practices in React Native
● Module 11: Managing State in React Native
o Overview of state management
o Fundamentals of React Hooks
o Rules of Hooks
o useState Hook
o Creating custom Hooks as services
● Module 12: Making HTTP Requests (API integration)
o Fetching data from APIs using fetch
o Using third-party libraries like Axios
o Handling asynchronous operations in React Native
o Handling network connectivity issues and errors
o Error handling and data presentation strategies
● Module 13: Handling User Input
o Creating and managing state of text inputs
o Using touchable components for user interactions
o Validation and feedback mechanisms for user input
● Module 14: React Context
o Introduction to React Context
o Creating custom providers and consuming content
● Module 15: React Utility Types
o Basics of React’s utility types (IntrinsicElements, ComponentPropsWithRef, etc.)
o Avoiding pitfalls of common utility types
● Module 16: TypeScript Utility Types
o TypeScript utility types
o Deep dive into property existence modifiers
o Function utility types
● Module 17: Typing React Components
o The return type in React components
o How to type component children
● Module 18: Testing in React Native
o Introduction to testing tools
o Writing unit tests for components, hooks, and application logic
o Best practices in testing React Native applications
● Module 19: Map Integration
o Implementing maps using libraries like React Native Maps
o Handling user location and permissions.
o Basics of map features like markers.
● Module 20: Offline Support
o Handling offline scenarios using AsyncStorage
o Overview of popular local storage solutions
o Implementing offline data sync
● Module 21: Performance Optimization
o Code splitting and lazy loading in React Native
o Memoization and optimization techniques
● Module 22: Debugging and DevTools
o Debugging techniques in React Native
o Using React DevTools for debugging React components
● Module 23: Publishing and Updates
o Updating and releasing new application versions
o Handling updates and migrations
● Module 24: Deployment
o Overview of building and deploying a React Native app to app stores (iOS App
Store and Google Play Store)
o Best practices in handling versioning and release management
● Module 25: Security
o Introduction to implementing authentication like OAuth2 and authorization
o Best practices in securing a React Native app
Duration
5 Days
Prerequisites
Basic React
● HTML, CSS, JavaScript
● TypeScript
Role
Software Developer