ReactJS

  •  Getting started with React
    • What is ReactJS?
    • Installation or Setup
    • Hello World with Stateless Functions
    • Absolute Basics of Creating Reusable  Components
    • Create React App
    • Hello World
    • Hello World Components
  • Components
    • Creating Components
    • Basic Component
    • Nesting Components
    • Props
    • Component states-Dynamic user-Interface
    • Variations of Stateless Functional Components
    • setState pitfalls
  • Using ReactJS with Typescript
    • ReactJS component written in Typescript
    • Installation and Setup
    • Stateless React Components in Typescript
    • Stateless React Components and Property-less Components
  • State in React 
    • Basic State
    • Common Antipattern
    • setState()
    • State, Events and Managed controls
  • Props in React
    • Introduction
    • Default Props
    • Prop types
    • Passing down props using spread operator
    • Props children and Component composition
    • Detecting the type of Children Components
  • React Component LifeCycle
    • Component Creation
    • Component Removal
    • Component Update
    • Lifecyle method call in different states
    • React Component Container
  • Forms and User Input
    • Controlled Component
    • Uncontrolled Component
  • React Boilerplate [React + Babel + Webpack]
    • React-starter Project
    • Setting up the Project
  • Using ReactJS using jquery
    • ReactJS with Jquery
  • React Routing
    • Example Routes.Js file followed by use of Router Link in component
    • React Routing Async
  • Communicate between Components
    • Communication between Stateless Functional Component
  • Features
    • One to One teaching
    • Fully Practical Classes
    • Flexible Timing
    • Class Room Training
    • Corporate Training
    • Online Training
    • Aptitude Test
    • 100% Job Reference
  • How to setup a basic Webpack, React babel environment
    • How to build a pipeline for a customized “Hello World” with images
  • React.createClass vs  extends React.Component
    • Create React Component
    • “this” Context
    • Declare Default Props and Proptypes
    • Mixins
    • Set Initial State
    • ES6 /React “this” keyword with ajax to get from server
  • React AJAX call
    • HTTP GET request
    • HTTP Get request and looping through data
    • Ajax in React without a third party library -aka with vanilaJS
  • Communcation between Components
    • Child to Parent components
    • Not-related Components
    • Parent to Child Components
  • Stateless Functional Components
    • Stateless Functional Component
  • Performance
    • Performance measurement with ReactJS
    • React’s diff algorithm
    • The Basic-HTML DOM vs Virtual DOM
    • Tips & Tricks
  • Introduction to Server-Side Rendering
    • Rendering Components
  • Setting Up React Environment
    • Simple React Component
    • Install all dependencies
    • Configure webpack
    • Configure babel
    • HTML file to use React Component
    • Transpile and bundle your component
  • Using React with Flow
    • Using Flow to check prop types of stateless functional components
    • Using Flow to check prob types
  • JSK
    • Props in JSK
    • Children in JSK
  • React Forms
    • Controlled Components
  • User interface solutions
    • Basic Pane
    • Panel
    • Tab
    • PanelGroup
    • Example view with PanelGroup’s
  • Using ReactJS in FLUX way
    • Data Flow
  • React, Webpack & Typescript installation
    • webpack config.js
    • tsconfig.json
    • My First Component
  • How and why to use keys in React
    • Basic Example
  • Keys in React
    • Using the id of an element
    • Using the array index
  • Higher Order Components
    • Higher Order Component that checks for authentication
    • Simple Higher Order Component
  • React with Redux
    • Using Connect
Scroll to top