Skip to main content
Switch Language
Systems and Software Excellence - Workshops

React and Redux – Hands-on Workshop for Web Development

A comprehensive training designed to introduce React, one of the most used front-end frameworks, and the Redux state management library

React is one of the most popular and commonly used front-end frameworks. Developed and used by Meta, it is a powerful tool for web application development. Whether building a small, single-page app (SPA) or a complex social network, React scales with the complexity of an application.

React has a modular structure and focuses on the essentials at its core: managing the application state and rendering components into the DOM. React-compatible packages are available for almost all other scenarios, such as routing, allowing users to create a customized solution that fits specific requirements.

One of these additional packages is Redux, a state management library. Redux can be used as an alternative or in addition to React\'s own state management. The architecture of Redux is simple and effective, allowing it to work in other front-end frameworks, as well.

This training is practice oriented. Over half of the training consists of applied exercises on a consistent topic, allowing learners to work through all aspects of React and Redux using concrete tasks. For quality assurance checks, both unit and integration testing are explored using the testing frameworks Jest and Testing Library. An overview of the various approaches to styling with CSS is also provided.

Key Takeaways

React

  • React as a concept.
  • JSX and how it can help create DOM elements.
  • How to implement class-based and functional components.
  • The difference between props and states of components.
  • Lifecycle method availability and use.
  • Hooks as a functional alternative to lifecycle methods.
  • Managing events.
  • Established patterns and typical mistakes to avoid.

Testing

  • The difference between unit and integration tests.
  • Features of Jest for test runner and framework.
  • Writing parameterized tests.
  • Understanding matchers and potential uses for them.
  • The philosophy of the Testing Library.
  • Render React components in test cases.
  • Queries and using them to test the DOM.
  • How tests help develop an accessible application.
  • Simulating user input (events).

Redux

  • The architecture pattern of Redux and the advantages it offers.
  • Understanding stores, actions, dispatchers and reducers.
  • Integrating Redux into a React app.
  • The capabilities of the Redux toolkit.
  • Using Redux Thunk to implement side effects like user interactions and network communication.
  • Testing state management.

Styling (CSS)

  • Approaches to styling an application.
  • Typical problems with CSS and potential solutions.
  • Common CSS frameworks.
  • How a component-based approach helps keep track of larger web applications.
  • The potential benefits of more advanced approaches, including micro-front-ends and design systems.

Following the workshop, coaching days are available. The trainer will focus on specific challenges a learner may face when implementing workshop content in everyday life.

Target Audience

Software developers

Prerequisites

  • Knowledge of software development.
  • Basic understanding of JavaScript/TypeScript, HTML, and CSS.

Further Information

All materials are offered digitally. Copies of any relevant standards must be provided by the learner.

Course Dates

Booking
details
Participant
details
Payment
details
GENERAL INFORMATION
Training ID:
Location:Onsite-Training
Date:2/7 -2/10/2024
Duration:31 Days
Time:09:00 AM - 05:00 PM
Language:English (EN)
Examination Fee:$Xx per participant
Online Price:#Xx per participant, plus vat
Services Provided by:UL
Thank you for booking

Your registration was successful. A confirmation email will be sent to you.

Continue exploring
Booking Overview
Name:
Company:
Email:
Phone:
Address:
Order number (if available):--
Participants
Please enter the full company name.
Please enter the full company name.

To register for this event, please agree to our privacy policies as well as our GTC and the processing of your data.

UL Solutions Online Policies
GTC
Data Processing

For in-person training only, please let us know if you do not eat certain foods for ethical, health or religious reasons.

* Mandatory fields

Payment Method
X

Contact Sales

Whether you're looking for a custom quote or private training, we can help. Fill out this form and we'll connect with you shortly.

Please wait…

Can't find what you're looking for?

Click the link and request a quote tailored to your organization's needs.

Request a Quote

Private Trainings Available

Click the link for information on scheduling a private training for your organization.

Contact Sales

Cancellation Policy

Contractual cancellation right

The registration can be cancelled free of charge 30 days before the training date, after which the following rules apply: 

  • 30 days – 14 days before the start of the training: 50% of the participation fee
  • 14 days or less before the start of the training: 100% of the participation fee
  • This shall not apply when a substitute attendee is named. This is possible until the registration at the beginning of the event.

The relevant cut-off date for the calculation of the cancellation period is the first training day of a bindingly booked training.

The cancellation must be declared in writing and sent by email to the training provider.

Naming substitutes

The participant may, after receiving the registration confirmation, name a substitute in writing prior to the beginning of the seminar.

This change of reservation is free of charge; seminars spanning several days may be transferred only in their entirety, i.e. attended by one substitute.

Date cancellations and date changes

The training provider has the right to change the location of events and/or specify a different date as a substitute. The training provider also reserves the right to cancel dates for organizational reasons (e.g. number of participants too low, illness of the speaker at short notice).

The training provider will notify the participant of the cancellation and of the reason with-out undue delay and will attempt to change the participant's reservation, provided that he agrees to a different date or event location. Otherwise, the full amount of any already paid attendance fee will be refunded in the case of a cancellation; no further claims exist, particularly no refund of travel and/or accommodation cost.

Within UL Solutions we provide a broad portfolio of offerings to many industries. This includes certification, testing, inspection, assessment, verification and consulting services. In order to protect and prevent any conflict of interest, perception of conflict of interest and protection of both our brand and our customers brands, UL Solutions has processes in place to identify and manage any potential conflicts of interest and maintain the impartiality of our conformity assessment services.