Newline – The newline Guide to Modernizing an Enterprise React App 2022-2

Newline – The newline Guide to Modernizing an Enterprise React App 2022-2 Downloadly IRSpace

Apr 17, 2025 - 20:04 Updated: Apr 21, 2025 - 10:07

0 0

Newline – The newline Guide to Modernizing an Enterprise React App 2022-2

The newline Guide to Modernizing an Enterprise React App, In this course we’ll dive into all the ways to modernize an existing React application – from tooling and linting, to testing and Hooks. React is a powerful, extremely popular JavaScript framework, but keeping applications up to date with all that it has to offer is tough – especially when dealing with the larger, enterprise-level business applications many developers are responsible for. The newline Guide to Modernizing an Enterprise React application will cover everything you need to know to confidently work on a React application of any size, in any state, and leave it better than when you found it. While many React tutorials start with the latest version of React, or gloss over all the other things required to make sure apps vital to a company’s success keep running, this course does not. In 54 lessons spanning 10 modules, it tackles head-on, the many things that must be considered when building and maintaining large, complex React apps. As you progress through this course, you’ll gain a deeper understanding for how and why React Hooks came to be, the importance of various types of automated testing and project configuration, and how to leverage design systems to improve your application. You will gain a detailed understanding of how to modernize a React app in a real-world scenario, bringing it in line with today’s development standards.

What you’ll learn

How to modernize an existing React application according to today’s standards
How React Hooks work compared to class components
How config tools Volta and Node engines simplify development
How to set up ESLint and Prettier to improve code quality
How to upgrade an existing React app and refactor the app as you go
How to write integration tests with React Testing Library to ensure app functionality
How end-to-end tests with Cypress can test mission critical user flows
How to incorporate a component library to speed up design and development time

Specificatoin of The newline Guide to Modernizing an Enterprise React App

Publisher : Newline
Teacher : Paige Niedringhaus
Language : English
Level : All Levels
Number of Course : 54
Duration : 10 hours and 36 minutes

Content of The newline Guide to Modernizing an Enterprise React App

Course Introduction
What is Storybook?
The key concepts around Storybook
Installing and exploring Storybook
What makes up a Story?
Decorators
Essential Addons
Theming the Storybook app
Accessing the project
Breaking down our use-case
Writing the atomic components
Adding decorators – theme support
Theme switching with globals and parameters in decorators
Connecting Figma with Storybook
Composing components
Finalizing the feature and integrating it into the app
Data fetching – Container Pattern
Data fetching – Conditional Logic
Data fetching – Mocking Requests
Adding PageTemplate and Redux support to Storybook
Adding the HomePage to Storybook
Adding the Restaurant detail page – Deeplinking and React portals
Adding the Restaurant detail page – mocking different scenarios with MSW
Storybook ESLint plugin
Interaction testing
Storybook test runner
Accessibility testing
Deploying your Storybook with Chromatic
Visual regression in Chromatic
Conclusion and extra resources