Welcome to Inetz
Courses Images
30 SEATS

COURSE INSTRUCTOR

Teachers Images

Sethu Raman

React Developer

More than 3 Years Expert in React.

BASIC INFORMATION

  • Price : $6589
  • Lessons : 18
  • Length : 6 Month
  • Level : Basic
  • Category : Software Training
  • Started : 01-04-2019
  • Shift : 02
  • Class : 120

React Js Training and Course Description

React.js is a JavaScript library designed to make the process of building modular, reusable user interface components simple and intuitive. Given its success in other large scale web applications, React has now become the program of choice for building applications that require dynamic data changes over time. As a React.js developer you have a good chance of making it big as a developer. This workshop is intended to give you a thorough walk-through of React.js and its components and make you competent in building React.js rich internet applications.

Our ReactJS Syllabus is crafted by many MNC HR’s and Experts which already satisfied many of the corporate. We are also having a separate dynamic division for client projects. By placement, course syllabus and practicals we are the BEST ReactJS TRAINING INSTITUTE IN CHENNAI.

React Js Training and Course Syllabus

Module 1: Getting started

  • What is React Native?
  • A Closer Look
  • What Happens to JavaScript?
  • Creating Our First React Native App
  • Dealing with Limitations of React Native
  • What a Good Course Offers
  • Course Requirements
  • Course Outline
  • How to get the Most out of This Course
  • Module Introduction
  • Creating a New Project
  • JSX Elements you Can and Can't Use
  • Switching Away from create-react-native-app
  • How to Use the Attached Code
  • Running the App on an Android Simulator (+ Setup)
  • Running our App on a Real Android Device
  • Preparing XCode (for iOS)
  • Running our App on an iOS Simulator
  • Running our App on an iOS Device
  • A Good Development Setup
  • Working on the App: Adding a Textinput
  • Styling - Understanding the Basics
  • More on Flexbox
  • Positioning Elements with Flexbox
  • Adding a Button and Managing State
  • Creating a Custom Component
  • Time to Practice - The Basics
  • Listening to Touch Events
  • Reacting to Press Events
  • Using a ScrollView
  • Rendering Lists Correctly
  • Adding Static Images
  • Using Network Images
  • Adding a Modal
  • React vs React Native
  • JavaScript - Supported Features
  • Wrap Up
  • Module Introduction
  • A Brief Redux Refresher
  • Install react-redux v6
  • Installing Redux and Creating a Basic Setup
  • Setting Up Actions
  • Setting Up the Reducer
  • Creating the Store
  • Connecting React Native to Redux
  • Wrap Up
  • Module Introduction
  • Using the Remote JavaScript Debugging console.log
  • Debugging with Breakpoints
  • Debugging+++ with React Native Debugger
  • Debugging Redux
  • Wrap Up
  • Module Introduction
  • Installing Libraries
  • Automatic Linking
  • Linking Libraries on iOS
  • Linking Libraries on Android
  • Using Library Features: Adding Icons
  • Wrap Up
    • Module Introduction
    • Navigation in Web Apps vs Native Apps
    • Exploring Native Navigation Solutions
    • Fixing Installation Issues with React Native Navigation
    • Adding React Native Navigation to iOS
    • Adding React Native Navigation to Android
    • Finishing the Library Setup
    • Registering and Rendering a Screen
    • Adding a Tabs Screen (Tabs Navigation)
    • Adding Icons to Tabs
    • Connecting Screens to Redux
    • Updating Redux
    • Pushing Pages (Navigating "Forwards")
    • Popping Pages (Navigating "Backwards")
    • More Navigator Methods
    • Adding a Side Drawer
    • Using Navigation Events & Toggling the Drawer
    • Finishing the Drawer
    • Wrap Up
    • Module Introduction
    • Navigation in Web Apps vs Native Apps
    • Exploring Native Navigation Solutions
    • Fixing Installation Issues with React Native Navigation
    • Adding React Native Navigation to iOS
    • Adding React Native Navigation to Android
    • Finishing the Library Setup
    • Registering and Rendering a Screen
    • Adding a Tabs Screen (Tabs Navigation)
    • Adding Icons to Tabs
    • Connecting Screens to Redux
    • Updating Redux
    • Pushing Pages (Navigating "Forwards")
    • Popping Pages (Navigating "Backwards")
    • More Navigator Methods
    • Adding a Side Drawer
    • Using Navigation Events & Toggling the Drawer
    • Finishing the Drawer
    • Wrap Up
    • Module Introduction
    • Managing Input/ Control State
    • Adding Custom Validation Logic
    • Using the Validation State
    • Dispatching an Auth Action
    • Switching Form (Auth) Modes
    • Configuring Text Input Components
    • Handling the Soft Keyboard
    • Time to Practice - User Input
    • Wrap Up
    • KeyboardAvoidingView and ScrollView
    • A Note on Installing React-Native Maps
    • Installing react-native-maps
    • Rendering a Map
    • Picking a Location on the Map
    • Adding a Map Marker
    • Animating Map Movement
    • Locating the User
    • Storing the Picked Location with Redux
    • Time to Practice - Maps
    • Installing react-native-image-picker
    • Fixing Issues with React Native Image Picker
    • Using the Image Picker
    • Storing the Picked Images
    • Image Picker and the Data it Returns
    • Module Introduction
    • Sending Http Requests - Theory
    • Firebase & The Right Database
    • Creating the Server
    • Using the Fetch-API
    • Storing Data in Firebase
    • Adjusting Firebase Functions (Fixing an Error) toring Images
    • Fixing Firebase Function Linting Errors
    • Finishing the Image Upload Function
    • Storing the Remaining Data
    • Adding the Activity Indicator
    • Handling Errors
    • Http, fetch() and Error Handling
    • Getting Data from the Server
    • Fixing an Error
    • Time to Practice - Http
    • Wrap Up
    • Module Introduction
    • 2. How Authentication Works in React Native Apps
    • Enabling Firebase Authentication
    • Signing Users Up
    • Using the Authentication Result (Response)
    • Supporting Signup and Login
    • Adding User Login
    • Protecting Routes on Firebase
    • Storing the Auth Token in Redux
    • Using the Auth Token
    • Fetching the Token in a Re-Usable Way
    • Protecting the Firebase Cloudfunction
    • Adding Places (Authenticated)
    • Storing the Token in AsyncStorage
    • Adding an Auto-Signin Functionality
    • Managing the Token Expiration
    • Clearing the Auth Storage (AsyncStorage)
    • Refreshing the Token
    • Adding User Logout
    • Refreshing the Token Without App Reloads
    • Module Introduction
    • Identifying "Improvement Potential"
    • Shrinking Image Sizes
    • Resetting the "Share Place" Screen
    • Redirecting to Another Tab
    • Loading Places All The Time!
    • Improving Http Error Handling
    • Adjust the Image-Delete Code
    • Cleaning Stored Images (on Firebase)
    • Wrap Up
    • Module Introduction
    • Adding Launcher Icons
    • Adding a Splash Screen
    • Configuring & Building the App
    • Publishing to Google Play Store (Android)
    • Publishing to the App Store (iOS)
    • Publishing the App - Detailed Instructions
    • Course Roundup