Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Design Patterns and Best Practices

You're reading from React Design Patterns and Best Practices Build easy to scale modular applications using the most powerful components and design patterns

Product type Paperback

Published in Jan 2017

Publisher Packt

ISBN-13 9781786464538

Length 318 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Design Patterns

Author (1):

Michele Bertoli

View More author details

Table of Contents (19) Chapters

React Design Patterns and Best Practices

Credits

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. Everything You Should Know About React FREE CHAPTER

2. Clean Up Your Code

3. Create Truly Reusable Components

4. Compose All the Things

5. Proper Data Fetching

6. Write Code for the Browser

7. Make Your Components Look Beautiful

8. Server-Side Rendering for Fun and Profit

9. Improve the Performance of Your Applications

10. About Testing and Debugging

11. Anti-Patterns to Be Avoided

12. Next Steps

Chapter 10. About Testing and Debugging

React, thanks to components, makes it easy to test our applications. There are many different tools that we can use to create tests with React and we'll cover the most popular ones to understand the benefits they provide.

Jest is an all-in-one testing framework solution, maintained by Christopher Pojer from Facebook and contributors within the community, and aims to give you the best developer experience; but you can decide to create a custom setup with Mocha as well. We will look at both ways of building the best test environment.

You'll learn the difference between Shallow rendering and full DOM rendering with both TestUtils and Enzyme, how Snapshot Testing works, and how to collect some useful code coverage information.

Once the tools and their functionalities are well understood, we will cover a component from the Redux repository with tests and we'll look at some common testing solutions that can be applied in complex scenarios.

At the end of the...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €14.99/month. Cancel anytime

Authors (1)

Michele Bertoli

Michele Bertoli

Michele Bertoli is a frontend engineer with a passion for beautiful UIs. Born in Italy, he moved to London with his family to look for new and exciting job opportunities. He has a degree in Computer Science and loves clean and well-tested code. Currently, he is working with React.js, crafting modern JavaScript applications. He is a big fan of open-source and is always trying to learn something new.

See other products by Michele Bertoli

Other recommended products

Related to this chapter

React Design Patterns and Best Practices

React Design Patterns and Best Practices

We will be taking a complete journey through the most valuable design patterns in React, this book demonstrates how to apply design patterns and best practices in real-life situations, whether that's for new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain.

Mar 2019 11h 40m

React 17 Design Patterns and Best Practices

React 17 Design Patterns and Best Practices

React is an open-source JavaScript library that is used for building user interfaces or UI components. This React book is designed to take you through the most valuable design patterns in React, helping you learn how to apply design patterns and best practices in real-world scenarios.

May 2021 13h 8m

Simplify Testing with React Testing Library

Simplify Testing with React Testing Library

Simplify Testing with React Testing Library is the definitive guide to starting to write and test your applications with React Testing Library. You'll learn how to apply RTL to real-world use cases and write UI end-to-end tests using Cypress. The book also shows you how to confidently use RTL to write and test your applications.

May 2021 8h 12m

Managing an applications state is crucial for your application to behave consistently and this is where Redux comes into the picture. It provides a state container for applications. This book gives in-depth information on Redux and third party tools needed for a developer to build a robust modern web application in React.

Aug 2017 12h 28m

Serverless Web Applications with React and Firebase

Serverless Web Applications with React and Firebase

React and Firebase are just the right match to build real-time applications. This book covers essentials for React, Redux, and Firebase. You'll learn to design, create and maintain professional apps, as well as share practical insights that include basic to advanced examples; from hello world to real-time seat booking and location tracking apps.

Apr 2018 9h 28m

React Router Quick Start Guide

React Router Quick Start Guide

React Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.

Sep 2018 5h 12m

Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you'll learn how to work with the latest ECMAScript features. By the end of this book, you'll be saved from a lot of trial and error and developmental headaches, and you'll be on the road to becoming a React expert.

Aug 2018 19h 20m

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

React 16 Essentials

React 16 Essentials

Now fully updated for React 16, this book takes you on a fast-paced journey through building your own maintainable React 16 applications. Here are all the essentials you need to know to start working with React 16 and Redux, and assess the future with React Fiber!

The React Workshop

The React Workshop

The React Workshop equips you with the knowledge you need to implement React logic in web applications. You'll learn important best practices and essential React methods with the help of interesting examples and exercises.

Aug 2020 26h 52m

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15h 48m

MERN Quick Start Guide

MERN Quick Start Guide

The MERN stack is a collection of great tools – MongoDB, ExpressJS, React, and Node – that provide a strong base for a developer to build easily maintainable web applications. With each of them a JavaScript or JavaScript-based technology, the shared programming language means it takes less time to develop web applications.

May 2018 10h 4m

Personalised recommendations for you

Based on your interests and search pattern

System Programming Essentials with Go

System Programming Essentials with Go

From file operations to process management and network programming, this hands-on guide equips software engineers with the skills to build efficient, reliable applications and optimize their performance.

Jun 2024 13h 36m

Technical Program Manager's Handbook

Technical Program Manager's Handbook

Unlock the full potential of your career as a TPM with this comprehensive guide, featuring new chapters on AI and more. Learn advanced techniques and gain insights from industry leaders. Elevate your skills and thrive in the Big Five tech companies.

Sep 2024 12h 16m

Systems Programming with C# and .NET

Systems Programming with C# and .NET

Unlock the full potential of C# and .NET Core in systems programming to secure, deploy, and maintain robust applications. With this book, you'll focus on low-level APIs, memory management, and performance optimization.

Jul 2024 15h 48m

System Design Guide for Software Professionals

System Design Guide for Software Professionals

This guide offers in-depth explanations of essential system design concepts, real-world case studies, and expert advice on acing tech interviews. Gain the knowledge to design scalable, high-performance systems and succeed in your career.

Aug 2024 12h 48m

Spring Boot 3.0 Cookbook

Spring Boot 3.0 Cookbook

Spring Boot 3.0 Cookbook demonstrates the latest features of this popular framework. You'll learn how to apply them to overcome challenges when building modern cloud applications.

Jul 2024 14h 12m

Refactoring with C++

Refactoring with C++

This book covers the most important software development techniques, libraries, and utilities unique to C++ that every C++ developer can use to refactor their code base. This will simplify development, enabling you to create performant apps.

Jul 2024 12h 16m

Microsoft Power Pages in Action

Microsoft Power Pages in Action

Packed with real-world examples, low-code coding techniques, and insights into crafting responsive pages, automating apps, and enhancing virtual agents, Microsoft Power Pages in Action is a valuable resource for building feature-rich web apps.

Jun 2024 11h 40m

This book will show you how to efficiently build applications using Vim's extensibility. You'll learn everything from advanced movement, text operations, and IDE features to refactoring, debugging, and customizing with Vimscript.

Jul 2024 10h 0m

Functional Programming with C#

Functional Programming with C#

This is a step-by-step guide to using existing C# tools to enhance programs with functional programming. It focuses on practical application with necessary theory and contains the latest C#12 examples and self-assessment questions.

Jul 2024 8h 36m

Edge Computing Simplified

Edge Computing Simplified

This book offers a holistic view of edge computing and the IoT space, helping you develop a foundational set of skills and learn terminologies to explore the subject in greater depth.

Jun 2024 5h 56m