Course Details

React Native is the most demanded framework that helps developers develop a UI native front-end app without compromising user experience. Learning React Native now is a great decision for those who want to become Front-end Developers. Additionally, businesses also prefer React Native Developers over other developers. 

 

Learn React Native on your own by finding the best instructor for yourself. If you want success as a React Native Developer, then choosing the best React Native summer training institute in Kolkata is the appropriate decision. 

 

Euphoria GenX brings you the best Summer training in React Native. In this course we added 13 different modules starting from introduction to list building with style, Navigation users between screens, building reusable components, state management in React Components, handling screens layout strategies, outside API integration, Hook reusability, parameters navigation, Advance State Management with Context, Data API Sync, In-App Authentication, and finally real life documentation. 

 

Enroll with the Euphoria GenX React Native course in Kolkata and get the opportunity to learn directly from industry experts and React Native Professionals. 

 

    Get Course Module

    React Native

    React Native

    • Module 1: Introduction

      • Overview of React Components
      • Showing a Custom Component
      • Rules of JSX
      • One Common Error

      No items in this section
    • Module 2: List Building with Style

      • Building Lists
      • The FlatList Element
      • Rendering a FlatList
      • Why a Key Property?
      • Solving the Key Issue
      • A Few Props Around FlatList

      No items in this section
    • Module 3: Navigating Users Between Screens

      • Button Types
      • Buttons in Action
      • Touchable Opacity in Action
      • Navigating with React Navigation
      • Destructuring Props

      No items in this section
    • Module 4: Building Reusable Components

      • Component Reuse with Props
      • Parent-Child Relationships
      • Communicating from Parent to Child
      • Showing Images
      • Passing Images as Props

      No items in this section
    • Module 5: State Management in React Components

      • State in Components
      • Screen Boilerplate
      • State in Action
      • Notes on State
      • App Overview
      • Generating Random Colors
      • Adding Random Colors
      • Showing Colors with a FlatList
      • App Overview
      • Reusable Color Adjusters
      • Coordinating State
      • Passing Callbacks to Children
      • Tying State Values Together
      • Validating State Changes
      • Reusable State Updates
      • Introduction to Reducers
      • Creating a Reducer
      • Applying State with a Reducer
      • Restoring Validation
      • Community Convention in Reducers
      • Handling Text Input
      • Showing a Text Input
      • Two Important Props
      • Weird Things with Text and State
      • Updating State

      No items in this section
    • Module 6: How to Handle Screen Layout

      • Layout with React Native
      • Basics of Box Object Model
      • AlignItems with Flex
      • Flex Direction
      • Justify Content
      • Flex Values
      • Align Self on Children
      • The Position Property
      • Top
      • Bottom
      • Left
      • Right
      • Absolute Fill Objects
      • Applying Layout Systems

      No items in this section
    • Module 7: Using Outside API

      • Configuring Axios
      • Making the Request
      • Error Handling

      No items in this section
    • Module 8: Making Hooks Reusable

      • The UseEffect Hook
      • Extracting Hook Logic
      • Showing Search Results
      • Grouping Results
      • FlatList Rendering

      No items in this section
    • Module 9: Navigation with Parameters

      • Showing a Single Result
      • Showing Additional Info
      • A Few More Styling Issues
      • Hiding Scroll Bars
      • Constraining View Elements
      • Empty Elements
      • Spacing on the Search Bar
      • Reminder on Navigation
      • Navigating from a Child Component
      • The WithNavigation Helper
      • Communicating Between Screens

      No items in this section
    • Module 10: Advance State Management with Context

      • Issues with Data
      • Initial Setup
      • Wrapping the Navigator
      • Introduction to Context
      • Adding Context
      • Moving Data with Context
      • Rendering a List of Posts
      • Adding State in Context
      • It Works!
      • Opportunity for Improvement
      • Updating with UseReducer
      • Automating Context Creation
      • More Automatic Context Creation
      • A Bit of Styling
      • Deleting Posts
      • Updating the Reducer
      • Navigation on Tap
      • Retrieving Single Posts
      • Adding a Creation Screen
      • Header Navigation
      • Displaying a Form
      • Saving a New Post
      • Navigation on Save
      • The Edit Icon Link
      • Communicating Info to Edit
      • Initializing State from Context
      • Extracting Form Logic
      • Customizing OnSubmit
      • Initial Form Values
      • Default Props
      • Editing Action Function
      • Editing in a Reducer
      • Navigating Backwards

      No items in this section
    • Module 11: Data API Sync

      • Outside Data API
      • Issues with Servers and React Native
      • JSON Server and Ngrok Setup
      • JSON Server REST Conventions
      • Making a Request
      • Remote Fetch of Posts
      • Creating Posts with Post Requests
      • Refetching on Navigate
      • Deleting a Post
      • Editing Posts

      No items in this section
    • Module 12: In-App Authentication

      • Server Setup
      • Navigation Design
      • A LOT of Boilerplate
      • Navigator Hookup
      • Testing the Navigation Flow
      • React Native Elements
      • Helper Styling Components
      • Styling Odds and Ends
      • Input Props
      • The Auth Context
      • What's the Context Doing?
      • Axios Setup
      • Making an API Request
      • Handling Errored Requests
      • Async Storage
      • Storing the Token
      • Navigation From Outside of React
      • Oops
      • Typo
      • Navigation to Signin
      • Extracting Form Logic
      • Last Bit of Extracting
      • Creating a NavLink
      • Real Component Reuse!
      • Wiring Up Signin
      • Clearing Error Messages
      • Automatic Signin
      • Empty Screens While Resolving Auth
      • Signing Out a User
      • Safe Area Views
      • Working on Track Create
      • Showing a Map
      • Drawing a Series of Points
      • Notes on Location
      • Requesting Location Permissions
      • Resetting Permissions
      • How to Test Location?
      • Faking the Users Location
      • Reading a Location
      • Bugginess with Location
      • Location Architecture
      • Location Context
      • Live Location Updates
      • Drawing a Position Indicator
      • Extracting Logic to a Hook
      • Disabling Location Tracking
      • Automatic Disables
      • Building a Track Form
      • Updates to Location Context
      • Track Form Wire Up
      • Buggy UseEffects
      • Understanding Stale References
      • Kind of Fixed
      • The UseCallback Hook
      • Cleaning Up After Ourselves
      • Avoiding Stale References
      • Tracking While Recording
      • Bring Back the Polyline
      • What Manages Tracks
      • Coordination Between Contexts
      • Automatic Authentication
      • Form Reset and Navigation
      • Fetching Created Tracks
      • Listing All Tracks
      • Navigating to a Saved Track
      • Showing Track Details
      • Fixing Odds and Ends

      No items in this section
    • Module 13: Project Work & Documentation
      No items in this section
    Price ₹4,999.00 ₹3,599.00
    Instructor Euphoria GenX
    Duration 45 hours
    Enrolled 246 students
    Deadline 4 - 6 Weeks

    Frequently Asked Questions

    1

    Should I learn React Native in 2023?

    React Native is the most beneficial and lucrative field, so the answer to this question is obviously yes. You need to choose the right React Native Internship Institute for your learning. Till now, this framework is adding new features all the time and is a great choice for career development.

    2

    Is React Native in demand in India?

    Yes, the new features, possibilities, and robust development of frontend applications have made React Native one of the most demanded frameworks in India.

    3

    Which institute is best for React Native?

    If you want a React Native Certification, you should learn the best React Native Course. Enroll with Euphoria GenX now as we offer guidance directly from industry experts. We value your career, so we give our best to make sure you can learn and acquire the best knowledge.

    TESTIMONILSWhat our students say

    © 2024 Euphoriagenx. All Rights Reserved

    Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
    • Image
    • SKU
    • Rating
    • Price
    • Stock
    • Availability
    • Add to cart
    • Description
    • Content
    • Weight
    • Dimensions
    • Additional information
    • Attributes
    • Custom attributes
    • Custom fields
    Compare
    Wishlist 0
    Open wishlist page Continue shopping