React.js
OVERVIEW
Building Strategic Influence in Matrix Organizations
React.js helps in creating interactive User Interfaces and designing Simple Views. This workshop is aimed at imparting the required knowledge required to build Rich Internet Applications (RIA) using React.js.
WHAT YOU'LL LEARN
Why you shouldn't miss this course
By the end of this course, participants will have the leadership toolkit to shape and steer GenAI portfolios across their organization.
01Understand what React.js is and what problem it solves
02Explore the basic architecture of a React.js application
03Gain a deep knowledge of React.js components and JSX
04Build a working application that uses React.js’s components
05Learn React.js best practices
06Compose an application using Flux architecture
07Know how to maintain application state in a Redux Store
08Know how to do module bundling using webpack
09Use React dev tools
PREREQUISITES
Recommended experience
CURRICULUM
Structured for
Strategic Application
Strategic Application
- Classes
- let and const
- Arrow functions
- Enhanced Object Literals
- Destructuring
- Spread Operator
- Generators and Iterators
- Symbols
- Comprehensions
- Async Programming using Promises
- Using Babel.js
- Classic Web applications vs. Rich Internet applications
- Challenges in building Client centric applications
- Benefits of RIA Frameworks
- Where React.js fits in?
- Introduction
- Need for React.js
- Advantages of Virtual DOM
- View Components using JSX
- JSX Syntax
- Using JSX to create view classes
- Creating views without using JSX
- Models
- Advantages of Immutability
- Components
- Component Life-Cycle
- Virtual DOM
- Component Events
- Using States and Properties
- Initializing States from properties
- Accessing DOM nodes using refs
- Synthetic Events
- Component Compositions
- Communication Between Components
- Reusable Components
- Forms
- Controlled Components
- Uncontrolled Components
- Unit Testing React.js Components
- js Best Practices
- Introduction
- Overview of Reactive programming
- Benefits of Unidirectional data flow
- Architecture
- Building blocks in Flux
- Dispatcher
- Stores
- Action
- Views
- Dispatcher
- The role of dispatcher
- Registering callbacks
- Triggering Actions
- Store
- The role of Store
- Maintain Application State
- Event Broadcasting
- Reducer
- Creating Reducers
- Retrieving State
- Combining Reducers
- Action Creator
- Creating Actions
- Dispatching actions to the dispatcher
- Using Middleware
- Dispatching Async Actions using Thunk middleware
- Views
- React Components as Views
- State Subscribers
- Updating data from the store
- React-Redux Bindings
- Binding Components to React Store using “Connect”
- Injecting Redux Store using Provider
- Using Providers with React Routers
- Testing
- Overview of Mocha & expect (chai.js)
- Organizing Unit tests using Mocha
- before & after setup
- Performing assertions using expect
- Using Karma.js
- Using Jest for mocking dependencies
- Testing React components
- Testing Stores
- Module Bundling Overview
- Installation
- Creating webpack configuration
- Setting up webpack-dev-server
- Configure automatic browser refresh
- Loading Modules
- Optimizing rebundling of react components
- Using Less/Sass loaders
- Hot loading components
RECOMMENDED PARTICIPANT SETUP
This course follows Cognixia's AI-first,
hands-on learning model
hands-on learning model
Access to sanitized process maps, KPI definitions, candidate initiative lists, and basic cost baselines (time, cycle time, error or rework rates)
INTERESTED IN THIS COURSE?
Let's Connect
Speak with a Cognixia specialist about enrollment options, custom cohorts for your leadership team, or tailored delivery formats for your organization.
✓
Response within 1 business day
✓
Available in 5 delivery formats globally
✓
Volume pricing for teams of 10+
Get in touch
One of our specialists will contact you within one business day.
WHY COGNIXIA
Why Cognixia for This Course
KEEP EXPLORING
Mapped Official Learning
Leadership
Equip enterprise leaders to drive culture, skills, policy, and operating-model change required for sustainable Generative AI adoption at scale.
In-Person Workshop, Virtual Instructor-Led
Applied
Enterprise-grade security, governance, and Responsible AI controls to protect, govern, and operate GenAI and agentic systems safely at scale.
In-Person Workshop, Virtual Instructor-Led
Applied
Build portable, enterprise-grade GenAI systems that run consistently across Databricks, AWS, and Google Vertex AI—without vendor lock-in, quality drift, or governance gaps.
In-Person Workshop, Virtual Instructor-Led
Applied
Systematic testing, evaluation, and quality engineering frameworks for validating GenAI and agentic AI systems at enterprise scale.
In-Person Workshop, Virtual Instructor-Led
Applied
Production-grade GenAIOps and LLMOps practices to deploy, monitor, evaluate, and govern enterprise-scale LLM and agentic applications with reliability and control.
In-Person Workshop, Virtual Instructor-Led
Applied
Design, build, evaluate, and operate production-grade agentic AI systems with multi-agent orchestration, tool integration, and enterprise-grade safety controls.
In-Person Workshop, Virtual Instructor-Led
READY TO SHAPE YOUR AI FUTURE?
Let's build the workforce
of the future
of the future
Enroll your leadership cohort in Designing GenAI Use-Case Portfolios & Business Cases.
Custom cohorts available for enterprise teams.