React Native App Development
Why Learn React Native App Development :
The big reason to learn React Native is it allows you to use the same code for developing both Android and IOS applications. Moreover, it gives the same performance as native apps. Thus, it's the most popular hybrid app building technology these days.
React Native is an open-source framework for mobile app development and it was launched by Facebook. When it comes to choosing, entrepreneurs have a soft side to React native.
There so many famous companies already used this framework and never failed a day. Many tech giants including Skype, UberEats, delivery.com, Facebook, Instagram, Pinterest, Vogue, Tesla, Bloomberg, and others have turned towards React Native for iOS and Android platforms.
Training Duration: 150 Hrs (around 5 months)
Course Fee : 28,000
Course Structure:
Basic Programming Recap & Aptitude
This module is designed to help students refresh their fundamental knowledge of C programming and assess their readiness for advanced programming concepts.
Module 1: HTML, CSS, Javascript, DOM, ES6
HTML Tags, Table/Div, Forms, image, form, css syntax, selectors, css properties, JavaScript concept, JavaScript events, JSON, JS HTML DOM, Methods, Documents, Elements, Events, Event Listener. Let and const keywords, Default Parameters, Arrow functions, Template Literals, Rest and spread operators Classes, Destructuring assignment, Promises, async await, && , || , ?? Operators, optional chaining
Module 2: React Overview, Installation
React overview, Library Vs. Framework, Basic configuration & installation, React Features, Virtual DOM, JSX, Components.
Module 3: Getting started with React
Directory structure, Create React app, Elements, Class, Components, Components Lifecycle, Rendering and Conditional rendering.
Module 4: React state management and Forms
Overview, React state & props, Children, Updating states, React forms & events, Validations, React fragments, Refs, Keys, CSS in reactjs, HOC (Higher Order Components).
Module 5: Hooks & Redux
Overview, Theory, Hooks, Redux store, actions, reducer, updating component.
Module 6: React Native Fundamentals
Setting Up the Development Environment: Installing Node.js, React Native CLI, or Expo, and setting up Android Studio or Xcode for emulators.
Core Components: Understanding built-in React Native components like View, Text, Image, TextInput, Button, ScrollView, etc.
Styling: Learn how to style components using the StyleSheet API, inline styles, and Flexbox
for layout.
Flexbox Layout: Understand how to use Flexbox for building responsive layouts in React
Native.
Navigation: Learn how to implement navigation between screens using libraries like React
Navigation.
Handling User Input: Managing text input and user interactions with forms.
Images and Media: Working with images, icons, and integrating media content.
Platform-Specific Code: Write platform-specific code for Android and iOS using conditional statements
Module 7: React Native State Management
Local State: Managing component-level state using hooks like useState.
Global State: Understanding how to share state between components using Context API or third-party libraries like Redux or Zustand.
Module 8: Networking and API Integration
Fetch API/Axios: Making network requests to REST APIs and working with JSON data.
Handling Responses: Asynchronous data fetching, error handling, and displaying/loading states.
Module 9: Debugging and Testing
Debugging: Using React Native debugging tools like React Developer Tools, logging with console.log, and using breakpoints in Chrome or Visual Studio Code.
Error Boundaries: Learn to handle errors gracefully in your app.
Testing: Learn how to write tests for your React Native components using tools like Jest and React Native Testing Library.
Module 10: Performance Optimization
Optimizing Performance: Techniques like lazy loading components, memoization, and avoiding unnecessary re-renders using React.memo or useMemo.
Image Optimization: Efficiently loading and caching images in your app.
Animations: Learn about animations using Animated API or third-party libraries like reactnative-reanimated.
Module 11: React Native Libraries and Components
Third-party Libraries: Learn how to install and use libraries like react-native-vector-icons, react-native-async-storage, and react-native-device-info to enhance app functionality.
Handling Permissions: Learn to manage platform-specific permissions (camera, GPS, etc.) using libraries like react-native-permissions.
Module 12: Deployment and App Distribution
Building for Android/iOS: Learn to build APKs (Android) and test with a physical device or emulator. Similarly, learn how to build and test on iOS.
Publishing to App Stores: Understand the steps to publish your app on the Google Play
Store and Apple App Store.
Project Work
A React Native Mobile App development both for Android and iOS environments using Redux Toolkit.
Use of AI in React Native coding
Basic Overview of ChatGPT, Usecase of ChatGPT using context, Constraint and Expectation, Free sampling of AI based API consumption, Optimizing any basic backend crud operation or frontend project using the help of AI tools.
Certification as React Native Developer :
On successful completion of the training and the assigned project work, students get certified as React Native Developer by SysAlgo Technologies, the software house of Ejobindia.
Latest placements View All
- Mean StackShubham karmokar Originate soft Feb 15, 2025
- Madhumita NaskarBNB SoftwareFeb 11, 2025
- Sahim Mehbub SarkarDigital AptechFeb 07, 2025
- Prakriti RoyDigital AptechFeb 07, 2025
- Indranil SahuDigital AptechFeb 07, 2025
- Faizan Akhtar Digital AptechFeb 07, 2025
- Full StackJit changdar RPS Solutions Feb 06, 2025
- UI/UXSilpa Roy PATEL G TECH LLPFeb 04, 2025
- UI/UXSk Mahit Lal PATEL G TECH LLPFeb 04, 2025
- Jayashree BanerjeeRPS Solutions Jan 30, 2025
- UI/UXAtta SarfarazPATEL G TECH LLPJan 24, 2025
- UI/UXBiplob HowladerPATEL G TECH LLPJan 24, 2025
- Pawan DasWebmaddy Private LimitedJan 23, 2025
- Full StackSuman Kumar GhoraiEmdee Digitronics Private LimitedJan 22, 2025
- Madhumita NaskarALSOFTJan 22, 2025
- Dibhyangana DasguptaALSOFTJan 22, 2025
- Ayan DeyTech ArcherJan 20, 2025
- Full StackDeepayan SahaTech ArcherJan 20, 2025