NeoCoder

React JS

Home Training Library Front End Technologies React JS

We've everything to build a perfect L&D program

700+
Learning Topics
120+
Video Content
100+
Coding Exercises
300+
Quiz
450+
Skill Assessment
100+
Hands-on Projects

Topics Covered

React JS
Introduction
  • Functions as first class objects
  • ES6 Concepts
  • Pure functions
  • Webpack
React JS
Introduction to React
  • Evolution of client-side MVC and component-based architectures
  • Basics
  • Introduction to JSX
  • Virtual DOM
  • Reconciliation
  • Component Based Architecture
  • Props and states
  • Styling
  • Component life cycle
  • Lists and keys
  • Handling events
  • Forms
React JS
Patterns
  • Mixin pattern
  • Container and Presentation Components
  • Higher Order Components
  • Composition vs Inheritance and comparison of paradigms
  • Anti-patterns
React JS
React Router
  • Introduction to Routing and History APIs
  • Introduction to React Router
  • URL parameters
  • Redirects
  • Link component
  • history manipulation
React JS
React Testing
  • React Test Utilities
  • Shallow rendering
  • Jest
  • Enzyme
  • Mocha
React JS
Setting up the Dev environment
  • Webpack
  • Webpack HMR
  • Case study: Atom with Emmet and other Plugins
  • React Developer Tools Chrome Extension
React JS
Getting into Depth
  • Type checking with proptypes
  • Conditional rendering
  • Logical AND
  • Controlled components
  • Uncontrolled components
  • Hooks
  • Parent to child and child to parent communication
  • useEffects
  • State management challenges, Observer pattern and Event Emitters
  • Axios
  • SSR
  • refs and context
  • Communication across the component hierarchy
  • Mock API
React JS
Integrating 3rd party components
  • React-select case study
  • React data grid
React JS
State management
  • Need for state management
  • Redux (without React)
  • React with Redux
  • Mobx
  • Comparison of different state management solutions
React JS
Introduction
  • Functions as first class objects
  • ES6 Concepts
  • Pure functions
  • Webpack
React JS
Setting up the Dev environment
  • Webpack
  • Webpack HMR
  • Case study: Atom with Emmet and other Plugins
  • React Developer Tools Chrome Extension
React JS
Introduction to React
  • Evolution of client-side MVC and component-based architectures
  • Basics
  • Introduction to JSX
  • Virtual DOM
  • Reconciliation
  • Component Based Architecture
  • Props and states
  • Styling
  • Component life cycle
  • Lists and keys
  • Handling events
  • Forms
React JS
Getting into Depth
  • Type checking with proptypes
  • Conditional rendering
  • Logical AND
  • Controlled components
  • Uncontrolled components
  • Hooks
  • Parent to child and child to parent communication
  • useEffects
  • State management challenges, Observer pattern and Event Emitters
  • Axios
  • SSR
  • refs and context
  • Communication across the component hierarchy
  • Mock API
React JS
Patterns
  • Mixin pattern
  • Container and Presentation Components
  • Higher Order Components
  • Composition vs Inheritance and comparison of paradigms
  • Anti-patterns
React JS
Integrating 3rd party components
  • React-select case study
  • React data grid
React JS
React Router
  • Introduction to Routing and History APIs
  • Introduction to React Router
  • URL parameters
  • Redirects
  • Link component
  • history manipulation
React JS
State management
  • Need for state management
  • Redux (without React)
  • React with Redux
  • Mobx
  • Comparison of different state management solutions
React JS
React Testing
  • React Test Utilities
  • Shallow rendering
  • Jest
  • Enzyme
  • Mocha

Tailor the curriculum for your tech team with customizable skill modules

Yes, L&D professionals can handpick the skill modules of their choice from our huge repository to design the perfect skill development program for their tech team and drive greater ROIs.

Contact us for a Demo +91 - 93429 07576

Why neoCoder's skill
modules are the finest?

Content structured to different learning level

Organizations commit a huge mistake in the employee L&D programs by providing the same learning content for both entry-level freshers and experienced professionals.

Organizations commit a huge mistake in the employee L&D programs by providing the same learning content for both entry-level freshers and experienced professionals.

  • Noob
  • Beginner
  • Intermediate
  • Advanced
  • Master

 

24x7
Replenishing content

In a world of continuous technological advancement, the learning materials should be fresh and updated.

Our skill modules are constantly updated with respect to the changes in the tech universe. Hence your employees stay on track with the latest tools and technologies used in the industry.

Diverse
assessment options

Our powerful AI-powered engine helps you to assess your employee’s potential at once. With the aid of the auto-evaluation feature, the following diverse assessment modules are evaluated at a rapid rate, thereby saving an enormous time.

  • Quiz
  • Skill assessments
  • Coding Exercises
  • Hands-on projects

Accelerate your upskilling program with NeoCoder