080 41714080 info@consultkpi.com

React Fiber - the next big thing on React

Advanced 0 (0 Rating) 0 Students enrolled
Created by KPI Consulting Last updated Thu, 26-Dec-2019 English
What will i learn?

Curriculum for this course
0 Lessons 00:00:00 Hours
  • A minimum of 1 Year Experience in Programming Strong Knowledge and experience in Object-oriented Concepts and Implementation Strong Knowledge of Restful Web Service concepts and implementation Strong Knowledge of action based Web Application Development. Strong JavaScript Experience
+ View more

React Fiber

This workshop is delivered through Online or classroom-based (on request).
This workshop is about 24 hours and the detailed workshop on React Fiber would be around 40 hours

ECMA 2015,2016/ES6,ES7

  • Transpilers let const Arrow functions and function expressions Template literals ES 6 and Arrays Classes Instance variables methods constructors object Creation Inheritance function default arguments Object Destructuring Spread Operator Modules import and export

React Fiber

  • What is React Fiber Why React Fiber React Fiber architecture Async Rendering Virtual Stack Frameworks Fibers in nutshell Declarative Programming Virtual DOM UI Tree Diff Algorithm Rendering Env DOM,Native,VR,Hardwares Browsers Async API’s requestIdCallback animationCallback React 16 Getting Started

React Getting Started

  • Installation React cli - create-react-app Hello World Introducing JSX Component Introduction ES 6 Class Pattern Arrow Function pattern Variable Pattern


  • Component Composition Parent and Child Composition HTML Attributes

Components and Styling

  • Component Styling Bootstrap Integration className attribute Style attribute Building Layouts 

Data and React

  • How to supply data to Component JavaScript Expressions in JSX Props Introduction State Overview Supplying Primitive data Supplying Literal Objects 

Lists and Keys

  • Rendering multiple elements Basic list Component Keys Embedding Map in JSX


  • What is state State representation Changing State Handling Events Life Cycle Methods setState The Data Flows Down Conditional Rendering Forms

React Router

  • What is Router Routing Getting Started BrowserRouter Route Link Nested Routing location history match

React Fiber Implementation – React 16

  • React Fiber is so Called React 16 Exploring React 16 Features Error Handling using Error Boundaries in React 16 New Life Cycle Hooks Render Multiple Elements without a Wrapping Element in a Component in React 16 Render Text Only Components in React 16 Render Elements Outside the Current React Tree using Portals in React 16 Define DOM Attributes in React 16 Call setState with null to Avoid Triggering an Update in React 16 Render Multiple Elements using React.Fragment and the JSX Fragment 


  • Introduction Redux Redux Core Concepts Three Principles Redux Flow Installing Redux

Redux Getting Started

  • Pure Functions and Immutability Reducers Store Object Store API overview Actions Action Creator Dispatching an Store Getting State Action Creators

Redux Middlewares and Async Programming

  • What is Middlewares Why it is important Types of Middlewares Basic middleware implementation Async Actions Introduction Async Actions Implementations Redux-thunk Middleware Redux-Promise Redux- Observables

React and Redux Binding

  • React and Redux work Flow Provider connect Example to Connect React and Redux Router and React Router
+ View more
Other related courses
00:00:00 Hours
Updated Sat, 29-Aug-2020
0 1 ₹18000 ₹10999
00:00:00 Hours
0 1 ₹15999 ₹7599
00:00:00 Hours
Updated Thu, 07-May-2020
0 0 ₹15999 ₹9999
00:00:00 Hours
Updated Wed, 27-May-2020
0 0 Free
00:00:00 Hours
0 0 ₹22000 ₹15000
00:00:00 Hours
Updated Wed, 30-Sep-2020
0 0 ₹4500
About the instructor
  • 0 Reviews
  • 28 Students
  • 54 Courses
+ View more
This workshop is delivered by one of top most industry-leading faculty with at least 10 to 15+ years of Industry as well as training experience

KPI Consulting is one of the fastest growing (with 1000+ tech workshops) e-learning & consulting Firm which provides objective-based innovative & effective learning solutions for the entire spectrum of technical & domain skills

Student feedback
Average rating
  • 0%
  • 0%
  • 0%
  • 0%
  • 0%
Buy now
  • 00:00:00 Hours On demand videos
  • 0 Lessons
  • Full lifetime access
  • Access on mobile and tv
Developed By: Monnet Digital India Pvt Ltd