Descriptions
A new line of guide to modernizing your React enterprise application. In this course, we’ll look at all the ways to modernize an existing React application – from tools and validation to testing and hooks. React is a powerful and extremely popular JavaScript framework, but keeping applications up to date with everything it has to offer is challenging, especially when it comes to larger, enterprise-grade business applications that many developers are responsible for. The new guide to modernizing a React enterprise application will cover everything you need to know to confidently work with a React application of any size and in any state, and leave it in better condition than when you found it. While many React tutorials start with the latest version of React or gloss over all the other things needed to keep applications vital to a company’s success running smoothly, this course doesn’t do that. With 54 lessons spanning 10 modules, it covers many of the things you need to consider when building and maintaining large, complex React applications. As you progress through this course, you will gain a deeper understanding of how and why React Hooks came to be, the importance of different types of automated testing and project configuration, and how to use design systems to improve your application. You’ll gain a detailed understanding of how to modernize a React application in a real-world environment to meet today’s development standards.
What will you learn
- How to Modernize an Existing React App to Modern Standards
- How React Hooks work compared to class components
- How Volta and Node configuration tools make development easier
- How to Configure ESLint and Prettier to Improve Code Quality
- How to update an existing React application and refactor it as you go
- How to Write Integration Tests Using the React Testing Library to Ensure Application Functionality
- How end-to-end tests with Cypress can test critical user flows
- How to include a component library to speed up design and development
New Line Guide Specification for Retrofitting a React Enterprise Application
- Publisher: new line
- Teacher: Paige Niedringhaus
- English language
- Level: All levels
- Number of courses: 54
- Duration: 10 hours 36 minutes.
Contents of the new line guide to modernizing a React enterprise application
Introduction to the course
What is a storybook?
Key Concepts Related to Storybooks
Installing and learning Storybook
What makes up history?
Decorators
Major Additions
Thematic design of the Storybook application
Access to the project
Let’s look at our use case
Writing Atomic Components
Adding Decorators – Theming Support
Switching themes using global variables and parameters in decorators
Connecting Figma with Storybook
Composition of components
Finalizing the function and integrating it into the application.
Data Extraction – Container Pattern
Data Extraction – Conditional Logic
Data Extraction – Mocking Queries
Adding PageTemplate and Redux support to Storybook
Adding a home page to Storybook
Adding a Restaurant Details Page – Deeplinking and React Portals
Adding a Restaurant Details Page – Simulate Various Scenarios Using MSW
Storybook ESLint plugin
Interaction testing
Storybook test participant
Accessibility Testing
Unfolding Your Storybook with Chromatic
Visual regression in chromatics
Conclusion and Additional Resources
Images
Sample clip
Installation instructions
Extract the files and watch on your favorite player
Subtitles: Not available
Quality: 1080p
Download links
Password file(s): free download software
file size
3.87 GB