You're reading from React Anti-Patterns Build efficient and maintainable React applications with test-driven development and refactoring

Product type Paperback

Published in Jan 2024

Publisher Packt

ISBN-13 9781805123972

Length 324 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Web Programming

Author (1):

Juntao Qiu

View More author details

Table of Contents (20) Chapters

Preface

1. Part 1:Introducing the Fundamentals FREE CHAPTER

2. Chapter 1: Introducing React Anti-Patterns

3. Chapter 2: Understanding React Essentials

4. Chapter 3: Organizing Your React Application

5. Chapter 4: Designing Your React Components

6. Part 2: Embracing Testing Techniques

7. Chapter 5: Testing in React

8. Chapter 6: Exploring Common Refactoring Techniques

9. Chapter 7: Introducing Test-Driven Development with React

10. Part 3: Unveiling Business Logic and Design Patterns

11. Chapter 8: Exploring Data Management in React

12. Chapter 9: Applying Design Principles in React

13. Chapter 10: Diving Deep into Composition Patterns

14. Part 4: Engaging in Practical Implementation

15. Chapter 11: Introducing Layered Architecture in React

16. Chapter 12: Implementing an End-To-End Project

17. Chapter 13: Recapping Anti-Pattern Principles

18. Index

Why subscribe?

19. Other Book You May Enjoy

Learning about integration tests

Integration tests are positioned above unit tests in the pyramid, validating the interactions between multiple units of code. These could be component interactions or interactions between the client side and server side. Integration tests aim to identify issues that may arise when different parts of the system are combined.

One such scenario involves testing the interaction between two separate components to verify that they function correctly together – this is integration testing at a UI component level. Additionally, if you’re looking to ensure smooth collaboration between your frontend code and backend services, the tests you write for this purpose would also be classified as integration tests, which verify that different layers of your application are working correctly together.

Let’s have a look at an example of an integration test for a React component. In Figure 5.3, there is a Terms and Conditions section, which includes...