Expert

Become a React Developer

Key Features

We’ve created an career ecosystem across the board through our scientific formulation of our courses and training.

Practical Sessions & Hands-on Workshops

Being more concerned with or relevant to practice than theory

Skill Assessments

Show your insight into the abilities that you've acquired and polished

Interview Preperation

A little practice and readiness generally pays off.

Task Assignments and Evaluation

Evaluation is a process that critically examines a program

Hands-on Real-time Projects

There is no better way to learn with real-world applications

Guaranteed Interviews & Placement Support

Your chance to be a trending expert in IT industries and make a successful career

Masters

Become the Master in React

To be familiar with React Native, React JS and etc.

React Native
Introduction to React Native

  • Why React Native?
  • React Native Mobile vs React Web
  • Environment SetUp
  • Debugging React Native app
  • IDE & Tools

Basic JavaScript Concepts

  • Objects
  • Arrow Function
  • Closure
  • Promise
  • Array Manipulation
  • Template Literals
  • Spread Operator
  • Rest Parameter
  • Generator Function

Core React Native

  • Life Cycle Method
  • State & SetState
  • Props
  • Render & JSX
  • Event Handling
  • Native Modules

Styling

  • Stylesheet
  • Flex-box
  • Layout

Components

  • Container Component
  • Presentational Component
  • Functional Component
  • HOC Component
  • State & Stateless Component
  • Pure Component

Core UI Elements

  • View, Text, TextInput, Button
  • Image
  • Touchable Highlight, Touchable Obacity
  • Flatlist, ListView
  • Scroll View

Redux & Middleware

  • Why Redux?
  • Store
  • Action
  • Reducer
  • Middleware

Debugging & Build

  • Debug the App
  • Running an iOS
  • Running on Android
  • Build the app

Web Services

  • REST API Service call
  • JSON
  • Error Handling

Others

  • Package Json
  • NPM Dependencies

Unit Testing

  • Jest
  • Enzyme

React JS
Overview
HTML 5

  • Introduction - Web
  • What are the different types of Web apps-Overview?
  • Introduction to HTML
  • Define HTML Structure
  • Difference between Tag vs Element
  • Difference between Semantic vs Non-Semantic Elements
  • Html Elements
  • Html forms & its Attributes
  • Html Input Elements
  • Html Global Attributes
  • Html Element Specific Attributes

CSS

  • What is CSS?
  • Understanding the CSS Syntax
  • CSS Selectors
  • How to Add CSS in HTML
  • Cascading Order
  • CSS Colors
  • CSS Backgrounds
  • CSS Borders
  • CSS Margins
  • CSS Pading
  • CSS Height & Width
  • CSS Text, Fonts, Links, Tables
  • CSS-Float & Clear
  • The Display: Inline-block Value

Bootstrap

  • What is Bootstrap?
  • Get Start with Bootstrap
  • Containers
  • Grid System
  • Structure of a Bootstrap Grid
  • Bootstrap Colors
  • Bootstrap Tables
  • Bootstrap Jumbotron
  • Bootstrap Alerts
  • Bootstrap Buttons
  • Bootstrap Navs
  • Define Navigation Bars
  • Bootstrap Forms
  • Bootstrap Modal

JavaScript

  • Introduction
  • What is JavaScript?
  • JavaScript Features
  • JavaScript Libraries
  • Understanding HTML, CSS, JavaScript
  • JavaScript Version
  • ES5
  • ES6/ES2015
  • ES7/ES2016
  • ES8/ES2017
  • Datatypes
  • Number, String, Boolean, Undefined, Null
  • Variable Mutation
  • Basic Operator
  • Operator Precedence
  • Shorthand Operator
  • Problem Statement
  • Decision Making Statement- IfElse
  • Comparing the Problem Statement Solution
  • Switch Statement
  • Boolean Logic
  • Ternary Operator
  • Functions
  • Function Statement
  • What is Array?
  • Real World Problem Ecommerce
  • Real World Problem Transport
  • Space & the Complexity
  • Built in function Complexity
  • Objects - When to use it?
  • Objects & Methods
  • Loops & Iteration
  • For Loop
  • Continue & Break Statement

React JS

  • What is React JS? - Introduction
  • Advantage of React JS
  • Workflow of React JS
  • Scope of React JS

Overview of JSX

  • Introduction of Virtual DOM
  • Difference Between JS vs JSX
  • React Components - Overview
  • Containers & Components
  • What is Child Components?
  • What is Namespaced Components?
  • What are the JavaScript Expressions available in JSX?

React JS Environment Setups

  • Node Setup
  • How to use NPM?
  • How to create package.json & Purpose of it?
  • ES6 Introduction & Features
  • Webpack - Overview
  • Best IDE for React JS & How to write Optimized code in React JS?
  • React JS browser plugins - Overview

Real-time Application by using React JS

  • Create a React compoent with JSX template
  • How to Create Nested Components?
  • What is React JS Render?
  • React Props - Overview
  • Introduction of Props validation with datatypes
  • Flow of States, Initialize states & update states

React JS Forms & UI

  • List of Form Components
  • Setup Controlled & Uncontrolled form Components
  • Control Input Elements
  • How to set default values on all formats of Input Elements?
  • React JS Form Validations
  • How to write Styles?
  • Animations - Overview

React JS Components Life Cycle - Overview

  • Initial Render
  • Props Change
  • Stage Change
  • Component willMount
  • Component didMount
  • Component unMount

Routing in React JS & Other JS Concepts

  • Single Page Application - Overview
  • How to Configure React Router?
  • History of Router
  • How to Handle Conditional Statement in JSX?
  • IIFE in JSX for Complex logic - Overview

Event Handling in JSX

  • onBlur, onKeyUp, onChange and other useful primary events in React JS
  • How to Sharing Events between the Components?

How to Write Styles in React JS?

  • CSS & inline Styles in React JS - Overview
  • Introduction to styled Components

React Router with Navigation

  • How to load the router library?
  • Configure the React Router?
  • How to pass & Receive Parameters?
  • Integration of React-Cookie - Overview

Flux, Redux Overview

  • What is Flux Architecture?
  • Flux Components - Stores, Dispatchers, View Controllers, Actions, Views
  • How Flux works?
  • Flux & React works together
  • Introduction to One Store
  • Provider Component
  • Actions
  • Reducers
  • Sagas
  • Dispatchers
  • View Controllers
  • Selectors

Unit Testing Overview

  • What are the necessary Tools required for Unit Testing?
  • React Unit Testing - Overview
  • Introduction to JEST
  • How to Test React Component?
  • How to Test React Router?

Integration with Other Libraries

  • Gulp & Browserify
  • React with jQuery
  • React & AJAX

React Server Integration with Deployment

  • Https
  • Httpster
  • Npm

Hooks

  • Understanding Hooks
  • The useState Hook
  • Side Effects using the useEffect Hook
  • The useContext hook
  • The useReducer hook
  • Writing your own hook

Code Splitting

  • Code Splitting & Suspense
  • Route Based Code Splitting
  • Lazy Loading

Isomorphic React

  • Server Side Rendering
  • SSR with React - Setup & Server
  • SSR with React - The ToolChain

Testing Component

  • Using Jest with Test Utils from React - DOM
  • Using Jest with the React Testing Library
  • Using Jest with Enzyme

Epilogue & New features of React 16

  • The React EcoSystem
  • Handling Exceptions in Components
  • Erro Boundaries

Webpack Primer & Isomorphic React

  • Webpack & its use
  • Setting up & Installing Webpack
  • Working with the configuration file of Webpack
  • Working with loaders
  • Quick word on lazy loading, code splitting & tree shaking
  • Setting up a hot module replacement
  • Server-Side Rendering(SSR)
  • Working with renderToStaticMarkup & renderToString methods

Fetch data using GraphQL

  • What is GraphQL?
  • Cons of Rest API
  • Pros of GraphQL
  • Frontend backend Communication using GraphQL
  • Type System
  • GraphQL Tool
  • Express Framework
  • NPM libraries to build server side of GraphQL
  • How to setup Apollo Client?

We take learning to new heights.

Learning is a life-long journey that in fact we never find the terminate stop.
Stop searching, Keep Learning with aini.

Together Expand and Grow

As learners, people can enjoy great companionship from AiniCorp mentors and educators. We can help you develop and grow at your best.

Become a instructor on AiniCorp
New horizon is calling
AiniCorp for business & Community
Enjoy Our Companionship

News, Tips & Articles

Discover how to anticipate and adapt to the latest trends, insights and technology from our experts

Lifelong learning - do we really need it?

The life we thrive on is full of challenges that can be endured with the help of acquiring the habit of learning.

Read More
What does learning imply for us these days?

Learning is part of our culture. It's not just out of printed books, it's expressed through our discourse

Read More
A Deep Dive into the Benefits of Being a Lifelong Learner

Being an LLL in this fast-moving technologically evolving world, we cannot be left behind with any updates and growth

Read More

This website uses cookies to provide you with a great user experience. By using it, you accept our use of cookies