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

Implementing a City Search feature

Let’s commence the development of our first feature – City Search. Users will be able to enter a city name into a search box, which triggers a request to a remote server. Upon receiving the data, we’ll render it into a list for user selection. Throughout this chapter, we’ll utilize the OpenWeatherMap API for city searches as well as retrieving weather information.

Introducing the OpenWeatherMap API

OpenWeatherMap is a service that offers global weather data via an API, allowing users to access current, forecasted, and historical weather data for any location worldwide. It’s a popular choice among developers for embedding real-time weather updates into apps and websites.

We’re going to use two APIs in our weather application – one for searching the city by name and another for getting the actual real-time weather. To use the API, you’ll need the API key you received when following the...