React Native Training in Hyderabad

React Native is a JavaScript framework for building native mobile apps. It uses the React framework and offers large amount of inbuilt components and APIs.

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don’t build a mobile web app, an HTML5 app, or a hybrid app; you build a real mobile app that’s indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.

 

1.OSX

  • OSX Installation
  • More on OSX Installation
  • Running in the Simulator

2.Windows Setup

  • Windows Setup of React Native
  • Android Studio and React Native CLI Installation
  • Emulator Creation and System Variables

3.ESLint Setup

  • ESLint Setup and Overview
  • ESLint Setup with Atom
  • ESLint Setup with Sublime Text 3
  • ESLint Setup with VSCode

4.Making Great Looking APPs

  • Styling with React Native
  • More on Styling Components
  • Introduction to Flexbox
  • Header Styling
  • Making the Header Reusable

5.HTTP Request with React Native

  • Sourcing Album Data
  • List Component Boilerplate
  • Class Based Components
  • Lifecycle Methods
  • Quick Note On Axios
  • Network Requests
  • Component Level State
  • More on Component Level State
  • Rendering a List of Components
  • Displaying Individual Albums
  • Fantastic Reusable Components – The Card
  • Styling a Card
  • Passing Components as Props
  • Dividing Cards into Sections

6.Handling Component Layout

  • Mastering Layout with Flexbox
  • Positioning of Elements on Mobile
  • More on Styling
  • Images with React Native
  • Displaying Album Artwork
  • Making Content Scrollable
  • Handling User Input with Buttons
  • Styling of Buttons with UX Considerations
  • Responding to User Input
  • Linking Between Mobile Apps
  • Setting Button Text by Props
  • App Wrapup

7.Authentication with Firebase

  • Auth App Introduction
  • A Common Root Component
  • Copying Reusable Components
  • What is Firebase?
  • Firebase Client Setup
  • Login Form Scaffolding
  • Handling User Inputs
  • More on Handling User Inputs
  • How to Create Controlled Components
  • Making Text Inputs From Scratch
  • A Focus on Passing Props
  • Making the Input Pretty
  • Wrapping up Inputs
  • Password Inputs

8.Processing Authentication Conditional

  • Logging a User In
  • Error Handling
  • More on Authentication Flow
  • Creating an Activity Spinner
  • Conditional Rendering of JSX
  • Clearing the Form Spinner
  • Handling Authentication Events
  • More on Conditional Rendering
  • Logging a User Out and Wrapup

9.Digging Deeper with Redux

  • App Mockup and Approach
  • The Basics of Redux
  • More on Redux
  • Redux is Hard!
  • Application Boilerplate
  • More on Redux Boilerplate

10.Rendering

  • The Theory of ListView
  • ListView in Practice
  • Rendering a Single Row
  • Styling the List
  • Creating the Selection Reducer
  • Introducing Action Creators
  • Calling Action Creators
  • Adding a Touchable
  • Rules of Reducers
  • Expanding a Row
  • Moving Logic Out of Components
  • Animations
  • Wrapup

11.Handling Data in React vs Redux

  • Login Form in a Redux World
  • Rebuilding the Login Form
  • Handling Form Updates with Action Creators
  • Wiring up Action Creators
  • Typed Actions

 

12.Don’t Mutate that state

  • Immutable State
  • Creating Immutable State
  • More on Creating Immutable State
  • Synchronous vs Asynchronous Action Creators
  • Introduction to Redux Thunk
  • Redux Thunk in Practice
  • Redux Thunk in Practice Continued
  • Making LoginUser More Robust
  • Creating User Accounts
  • Showing Error Messages
  • A Firebase Gotcha
  • Showing a Spinner on Loading

13.Navigating user

  • Dealing with Navigation
  • Navigation in the Router
  • Addressing Styling Issues
  • Displaying Multiple Scenes
  • Navigating Between Routes
  • Grouping Scenes with Buckets
  • Navigation Bar Buttons
  • Navigating to the Employee Creation Form
  • Building the Employee Creation Form
  • Employee Form Actions
  • Handling Form Updates at the Reducer Level
  • Dynamic Property Updates
  • The Picker Component
  • Pickers and Style Overrides

14.Firebase as a Data Store

  • Firebase JSON Schema
  • Data Security in Firebase
  • Creating Records with Firebase
  • Default Form Values
  • Successful Data Save to Firebase
  • Resetting Form Properties
  • Fetching Data from Firebase
  • Storing Data by ID
  • Dynamic DataSource Building
  • Transforming Objects to Arrays
  • List Building in Employee List

15.Code Reuse Edit vs Create

  • Reusing the Employee Form
  • Create vs Edit Forms
  • Reusable Forms
  • A Standalone Employee Edit Form
  • Initializing Forms from State
  • Updating Firebase Records
  • Clearing Form Attributes
  • Texting Employees
  • Modals as a Reusable Component
  • The Modal Component Continued
  • Styling the Modal
  • Employee Delete Action Creator
  • Wiring up Employee Delete

 

React Native Online Training Institutes in Ameerpet
React Native Online training in hyderabad Ameerpet Telangana
React Native Training in Hyderabad Ameerpet
React Native Class in hyderabad
React Native Course in hyderabad
React Native Training in Hyderabad Telangana
React Native Application development institutes in hyderabad
React Native Course Fee in Hyderabad

React Native course training in Hyderabad