USA: +1 734 418 2465 | India: +91 40 4018 1306 | info@learntek.org

Setup Menus in Admin Panel

LEARNTEK
react js training

React JS Training

Category:
Inquiry Now

Product Description

React Js Training -Who Is This Course For?

How Is This Course Different from the React and Flux course?

Why Redux?

Environment Setup

  • Environment Overview
  • Versions Used in This Course
  • Hot Reloading
  • Install Node
  • Create package.json
  • Editors
  • Install npm Packages
  • Introduce npm Scripts
  • Create src Directory
  • Set up Webpack
  • Set up editorconfig
  • Set up Babel
  • Set up Express
  • Create Start Script
  • Create Start Message
  • Set up ESLin
  • Create Parallel Scripts
  • Set up Testing
  • Add Test Scripts

React Component Approaches

  • Four Ways to Create React Components
  • ES5 Create Class Component
  • ES6 Class Component
  • ES5 Stateless Component
  • ES6 Stateless Component
  • When Should I Use Each Style?
  • Other Ways to Create Components
  • Container vs. Presentation Components

Initial App Structure

  • Create Initial Components
  • Create App Layout
  • Configure Routing
  • Update Entry Point
  • Create Styles
  • Create Header
  • Create Course Page

Intro to Redux

  • Do I Need Redux?
  • Three Core Redux Principles
  • Flux Similarities
  • Flux Differences
  • Redux Flow Overview

Actions, Stores, and Reducers

  • Actions
  • Store
  • What Is Immutability?
  • Why Immutability?
  • Handling Immutability
  • Reducers

Connecting React to Redux

  • Container vs. Presentational Components
  • React-redux Introduction
  • mapStateToProps
  • mapDispatchToProps
  • A Chat with Redux

Redux Flow

  • Create Simple Add Course Form
  • Binding in ES6
  • Actions
  • Reducers
  • Root Reducer
  • Store
  • Instantiate Store and Provider
  • Connect Container

Step Through Redux Flow

  • MapDispatchToProps Manual Mapping
  • bindActionCreators
  • Container Structure Review
  • Action Type Constants

Async in Redux

  • Why a Mock API?
  • Async Library Options
  • Thunk Overview
  • Mock API Setup
  • Remove Inline Form
  • Add Thunk to Store
  • Create Load Courses Thunk
  • Action Naming Conventions
  • Load Courses in Reducer
  • Dispatch Action on Page Load

Create Course List Component

Async Writes in Redux

  • Create Manage Course Page
  • Create Manage Course Form
  • Create Form Input Components
  • Use Manage Course Form
  • Create Author Actions
  • Create Author Reducer
  • Map Author Data for Dropdown
  • Create Form Change Handler
  • Create Save Course Thunk
  • Handle Creates and Updates in Reducer
  • Dispatch Create and Update
  • Redirect via React Router Context
  • Populate Form via mapStateToProps
  • Update State via componentWillReceiveProps

Async Status and Error Handling

  • Create Preloader Component
  • Create AJAX Status Actions
  • Create AJAX Status Reducer
  • Call Begin AJAX in Thunks
  • Hide Preloader Based on Status
  • Use Promises to Wait for Thunks
  • Create Form Submission Loading Indicator
  • Display Save Notification
  • Error Handling

Testing React

  • Testing Frameworks
  • Helper Libraries
  • Testing React with React Test Utils
  • Testing React with Enzyme

Testing Redux

  • Testing Connected React Components
  • Testing mapStateToProps
  • Testing Action Creators
  • Testing Reducers
  • Testing Thunks
  • Testing the Store

Prerequisite:

Basic working knowledge of HTML,CSS,JavaScript, Text editor-Visual Studio code/We storm/Atom and preffered one is Visual Studio .

Duration & Timings :

Duration – 30 Hours.

Course Fee : $300    Discount Offer  

Training Type: Online Live Interactive Session.

Faculty: Experienced.

Weekday Session – Sun & Thu  8:30 PM – 10:30 PM (EST) – 3 Weeks. December 17, 2017.

Weekend Session – Sat & Sun  9:30 AM – 12:30 PM (EST) – 5 Weeks. January 20, 2017.

Reviews

There are no reviews yet.

Be the first to review “React JS Training”

About Learntek

Learntek is global online training provider on Big Data, Hadoop, Data Analytics and other IT and Management courses. We are dedicated to designing, developing and implementing training programs for students, corporate employees and business professional.

Our job is to make sure your training and learning experience is everything it should be – exciting, enjoyable, stimulating and successful.
top