React and Redux Training in Finland

We can host this training at your preferred location. Contact us!

React is a 2nd generation web framework, created by Facebook to simplify the creation of complex browser based UI’s (aka. Single Page Applications). It offers a declarative, component based approach that enables the rapid creation of SPA’s without resorting to the custom attributes and dirty checking using by Angular.

The React component model is at its best when combined with modern JavaScript (ES2015+). If you want to take React to the next level then you can use it with TypeScript and add safe coding practices. We can level set delegates as part of this delivery to to use the latest features of JavaScript or TypeScript effectively with React.

As React is solely a UI framework it needs to be combined with libraries for accessing remote services, routing and state management (such as Redux). We can customise this course to your needs to include the pieces that you want to focus on.

Delegates must be proficient JavaScript or TypeScript developers. A primer in the languages can be provided to level set all delegates to the latest language features.

Be confident developing in modern JavaScript (or TypeScript)

Understand all aspects of React development for building modern SPAs

Gain experience of decomposing applications into components

Leverage a state management library to better architect React apps

Introducing React

How Angular and React evolved from earlier frameworks
Overview of the React architecture and the Virtual DOM
The trade-offs between a Virtual DOM and dirty checking
Using the JSX syntax to create and intialise React Elements
Comparing coding in React to Angular
Setting up a project for React development

Modern JavaScript (Optional)

The let keyword and support for block scope
FP with Arrow Functions and the Lodash library
The class declaration syntax and inheritance
Destructuring items from arrays and objects
Making use of the map and set data structures
Enhancements to functions and creating generators
A standard model for proxies and promises
Using async await instead of and with Promises
The for…of loop and spread operator

Getting Started with React

Creating basic components that use JSX
Using properties to pass data to components
Nesting and managing parent-child relationships
Transpiling both JSX and ES6 using Babel
Adding Jest to unit test your components
Using snapshots for rapid unit test construction
Verifying component UI structure programmatically

Building Single Page Web Applications

Using the lifecycle callbacks for React components
Persisting values using the state property
Designing hierarchies of components for complex UI’s
Interacting with RESTful services
Modularising your design for unit and integration testing
Building and testing a complete SPA based Web App
Adding Routing to your application
Optimising performance by removing redundant renders

React Hooks

Functional Components vs Class Components
Reselect’s evolution into React Hooks
Managing state with useState
Adding side effects with useEffect
The importance of memoization to performance
Leveraging useMemo and useCallback
Writing custom hooks

Styling React Apps

Identifying styling options
Global styles and avoiding name collisions
Encapsulating styles using CSS Modules
Inline styles for dynamic styles
Using styled-components for dynamic styles

Advanced Topics (Optional)

Lazy loading components and code-splitting
Accessing references to HTML elements
Customising create-react-app
Internalisation using react-intl
End to End testing with Cypress

Combining React with Redux (Optional)

Problems when managing complex state in SPA’s
Using a framework to centralise and manage state
Creating and using Stores, Actions and Reducers
Manipulating your data as a sequence of transitions
Using Redux Toolkit to reduce boilerplate
Grouping state, actions and reducers into Slices
Asynchronous actions, thunks and Redux middleware
Adopting Redux Thunk as your default Redux middleware
Advantages of Redux Saga for more complex scenarios
Redux dev tools

React and Redux Training Course in Finland

Finland is a country located in northern Europe. Helsinki is the capital and largest city of the country. The majority of the people are Finns but there is also a small Lapp population in Lapland, where the country is famous for the Northern Lights. Finland's national languages are Finnish and Swedish.

Known for its vast forests, lakes, and natural beauty, Finland is one of the world's largest producers of forest products, such as paper, pulp, and lumber. One of the world's largest sea fortresses Suomenlinna, Rovaniemi with the "White Nights", dogsled safaris and of course the Northern Lights are what makes Finland so popular for tourists. Finland is one of the best places in the world to see the Northern Lights and attracts millions of tourists during its seasons.

Finland is home to a thriving technology industry and is widely recognized as one of the world's leading technology hubs. Companies such as Nokia and Rovio (creator of the popular game Angry Birds) are based in Finland. Some of the key factors that have contributed to Finland's success in technology include; strong investment in research and development, a highly educated workforce and fundings.

Finland has a strong educational system, and is widely regarded as one of the world's most literate countries. In fact, Finland's literacy rate is one of the highest in the world, and its students consistently perform well in international tests of math and reading ability.

Also, as a pioneer in environmental sustainability, Finland is known for its efforts to reduce its carbon footprint and promote clean energy. This Nordic country is also famous for its unique and distinctive cultural heritage, including its traditional folk music and its elaborate traditional costumes.

Helsinki, Finland's capital city, is the country's business center. Helsinki is Finland's largest city, and it is home to many of the country's major corporations and organizations, including many of the country's leading technology firms. The city is also a commercial, trade, and financial center, as well as one of the busiest ports in the Nordic region.

Take advantage of our diverse IT course offerings, spanning programming, software development, business skills, data science, cybersecurity, cloud computing and virtualization. Our knowledgeable instructors will provide you with practical training and industry insights, delivered directly to your chosen venue in Finland.

React and Redux Training in Finland

Prerequisites

What You Will Learn

Outline