Skill Up Card - Course Bundles

Pricing is per delegate, giving you huge savings over the cost of individual courses.

  • UK = £2,000 + VAT per Skill Up Card
  • Ireland = €2,400 per Skill Up Card
skill up card logo - Nexus Human

Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195)

4.6 out of 5 rating Last updated 14/11/2024   English

Jump to outline

Global Schedule

GTR = Guaranteed to Run

03 Feb 25 Book
15:00 - 23:00 Live Online 2,450
07 Apr 25 Book
15:00 - 23:00 Live Online 2,450

09 Jun 25 Book
15:00 - 23:00 Live Online 2,450
18 Aug 25 Book
15:00 - 23:00 Live Online 2,450
06 Oct 25 Book
15:00 - 23:00 Live Online 2,450
08 Dec 25 Book
15:00 - 23:00 Live Online 2,450
Duration

5 Days

30 CPD hours

Overview

Our engaging instructors and mentors are highly experienced practitioners who bring years of current "on-the-job" experience into every classroom. Working in a hands-on learning environment, guided by our expert team, you'll learn how to:
- Design and Implement Interactive Web Applications: Harness the power of React's core principles to craft dynamic, usercentric web interfaces that respond efficiently to user interactions.
- Integrate Advanced React Features: Seamlessly incorporate advanced React functionalities such as state management, routing, and complex component structures into their projects, elevating the overall user experience of their applications.
- Craft Data-Driven Applications: Implement and manipulate Props to create applications that efficiently handle and
present data, enhancing user interaction and information flow.
- Optimize Web Performance: Understand and leverage the benefits of the Virtual DOM, enabling faster rendering and efficient updates, resulting in smoother user experiences and reduced page load times.
If your team requires different topics or tools, additional skills or custom approach, this course may be further adjusted to accommodate. We offer additional full stack development, React, React Native, web development, design and security courses which may be blended with this course for a track that best suits your development objectives.

Description

React revolves around the creation of dynamic, interactive, and efficient web applications. By understanding the fundamental principles of React, you'll be armed with the knowledge to craft visually appealing web interfaces and practical user experiences. This is perfect for developers eager to push their web development capabilities further and enhance their existing digital platforms or craft new web projects from scratch.
Geared for experienced web developers, our Mastering React Boot Camp is a five-day, comprehensive hands-on program that explores the latest features, skills and benefits React has to offer. Throughout the course you'll learn the practical real-world, foundational and core React skills required to solve the usual challenges you might face when developing modern web applications. The lab intensive course includes plenty of hands-on lab work designed to immerse you in the skills required to get you up and running with React right away.
By the end of this course, you will have built diverse projects like a time-logging app, all while getting familiarized with React's state management, event handling, and various hooks. You'll leave this course equipped with the skills to efficiently design and implement responsive web applications using React. You'll also understand the importance and role of the Virtual DOM, and the nuances of JSX. Above all, you'll be fully equipped with the confidence and skills required to efficiently design and implement responsive web applications using React.

Prerequisites

This fast-paced course is for intermediate skilled web developers new to React who are proficient in HTML5, CSS3 and
JavaScript. This course is not for beginners.

Your first React Web Application
Setting up your development environment
JavaScript ES6 /ES7
Next.js Introduction
Getting started
Functional Components
What's a component
Functional components - Motivation behind Hooks
Our first component
Building the App
Props - Making the App data-driven
Events - Your app's first interaction with useEffect() Hook
State - Updating state with useState() Hook
JSX and the Virtual DOM
React Uses a Virtual DOM
Why Not Modify the Actual DOM
What is a Virtual DOM
Virtual DOM Pieces
ReactElement
JSX
JSX Creates Elements
JSX Attribute Expressions
JSX Conditional Child Expressions
JSX Boolean Attributes
JSX Comments
JSX Spread Syntax
JSX Gotchas
Forms
Forms 101
Text Input
Multiple fields
Validation
Routing
What's in a URL
React Router's core components
Building the components of react-router
Advanced Component Configuration with context
Context - Provider/Consumer
useContext() Hook Example
Unit Testing & Jest
Writing tests without a framework
What is Jest
Using Jest
Testing strategies for React applications
React Testing Library
Debugging React
Using React Developer Tools
Using Visual Studio Code
OPTIONAL - Using the Chrome Debugger
React Custom Hooks
Writing and Using Custom Hooks
REST
REST Basics
Using fetch
Using Axios
A larger Component React Application:
A time-logging app
Getting started
Breaking the app into components
The steps for building React apps from scratch
Step 2: Build a static version of the app
Step 3: Determine what should be stateful
Step 4: Determine in which component each piece of state should live
Step 5: Hard-code initial states
Step 6: Add inverse data flow
Updating timers
Deleting timers
Adding timing functionality
Add start and stop functionality
Methodology review
Flux and Redux Basics
Why Flux
Flux is a Design Pattern
Flux implementations
Redux's key ideas
Building a counter
The core of Redux
The beginnings of a chat app
Building the reducer()
Subscribing to the store
Connecting Redux to React
Intermediate Redux
Building the redux store
Representing messages as objects in state
Introducing chat threads for the chat application
Adding the ThreadTabs component
Supporting threads in the reducer
Adding another action to the reducer
Bonus Content / Time Permitting

ES6 Primer
Prefer const and let over var
Arrow functions
Modules
Object.assign()
Template literals
The spread operator and Rest parameters
Enhanced object literals
Default arguments
Destructuring assignments
Using Vite:
Using Vite to create the TypeScript React application
Start it up and watch it run
Unique features of Vite
Why combine TypeScript and Vite
Benefits of using React with Vite
Creating a Vite project
Project structure
Running the application
Building a blog application
Creating the blog data
Creating a blog component
Adding authentication with Okta to the application
Performance comparison: CRA vs. Vite
Legacy Class Components:
Class components
Props “ this.props vs props
How Hooks Map to Component Classes
Events “ Class component lifecycle
State “ this.state object and this.setState()
Additional course details:

Nexus Humans Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward.

This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts.

Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success.

While we feel this is the best course for the ITS Data Analytics course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you.

Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

FAQ for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) Course

Available Delivery Options for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training.
  • Live Instructor Led Classroom Online (Live Online)
  • Traditional Instructor Led Classroom (TILT/ILT)
  • Delivery at your offices in London or anywhere in the UK
  • Private dedicated course as works for your staff.
How many CPD hours does the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training provide?

The 5 day. Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training course give you up to 30 CPD hours/structured learning hours. If you need a letter or certificate in a particular format for your association, organisation or professional body please just ask.

Which exam does the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training course prepare you for?

The Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) prepares you for the Yes official exam. You can take this exam at any exam center across UK including, England, Scotland, Cymru (Wales) or Northern Ireland or live online where ever you are. Exams vary in duration and if required you can request with the provider for any accommodations appropriate for you.

What is the correct audience for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training?

This course is for intermediate skilled web developers new to React who are proficient in HTML5, CSS3 and JavaScript. This course is not for beginners.

Do you provide training for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195).

Yes we provide corporate training, dedicated training and closed classes for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195). This can take place anywhere in UK including, England, Scotland, Cymru (Wales) or Northern Ireland or live online allowing you to have your teams from across UK or further afield to attend a single training event saving travel and delivery expenses.

What is the duration of the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) program.

The Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training takes place over 5 day(s), with each day lasting approximately 8 hours including small and lunch breaks to ensure that the delegates get the most out of the day.

What other terms do people search for when looking for this course?

Popular related searched include JavaScript; React.

Why are Nexus Human the best provider for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195)?
Nexus Human are recognised as one of the best training companies as they and their trainers have won and hold many awards and titles including having previously won the Small Firms Best Trainer award, national training partner of the year for UK on multiple occasions, having trainers in the global top 30 instructor awards in 2012, 2019 and 2021. Nexus Human has also been nominated for the Tech Excellence awards multiple times. Learning Performance institute (LPI) external training provider sponsor 2024.
Is there a discount code for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training.

Yes, the discount code PENPAL5 is currently available for the Mastering React Developer Boot Camp | Essentials, Redux, Hooks, JSX, Forms, Unit Testing / Jest & More (TT4195) training. Other discount codes may also be available but only one discount code or special offer can be used for each booking. This discount code is available for companies and individuals.

Jump to dates

Training Insurance Included!

When you organise training, we understand that there is a risk that some people may fall ill, become unavailable. To mitigate the risk we include training insurance for each delegate enrolled on our public schedule, they are welcome to sit on the same Public class within 6 months at no charge, if the case arises.

What people say about us


Top