What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

Key benefits

Identify and address React anti-patterns while learning testing strategies and refactoring techniques for efficient codebases

Explore data modelling, design patterns, and state management in React

Enhance code quality, maintainability, and scalability in React applications

Purchase of the print or Kindle book includes a free PDF eBook

Description

Take your React development skills to the next level by examining common anti-patterns with expert insights and practical solutions, to refine your codebases into sophisticated and scalable creations. Through this easy-to-follow guide, React Anti-Patterns serves as a roadmap to elevating the efficiency and maintainability of your React projects. You’ll begin by familiarizing yourself with the essential aspects of React before exploring strategies for structuring React applications and creating well-organized, modular, and easy-to-maintain codebases. From identifying and addressing common anti-patterns using refactoring techniques to harnessing the power of test-driven development (TDD), you’ll learn about the tools and techniques necessary to create reliable and robust tests. As you advance, you’ll get to grips with business logic and design patterns that offer solutions to prevalent challenges faced in React development. The book also offers insights into using composition patterns, such as code splitting and multiple entry points, to enhance the flexibility and modularity of your React applications, guiding you through end-to-end project implementation. By the end of this React book, you’ll be able to overcome common challenges and pitfalls to transform your React projects into elegant, efficient, and maintainable codebases.

Who is this book for?

This book is for React developers of all skill levels who share a passion for crafting efficient and maintainable codebases. Whether you're a beginner who wants to establish a solid foundation or an experienced developer looking to refine your skills, this guide offers invaluable insights, practical solutions, and real-world examples to enable you to excel at building scalable, elegant, and high-performing React applications.

What you will learn

Formulate comprehensive testing strategies and leverage testing framework capabilities

Implement TDD practices to drive the development process and elevate code quality, especially in extensive React projects

Use design patterns effectively to create scalable and reusable React components

Apply established software design principles to craft resilient applications within React

Achieve modularity and loose coupling in React codebases by mastering the separation of concerns

Ensure clean code by adhering to software design best practices in React development

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

Frequently bought together

React 18 Design Patterns and Best Practices

S$60.99

S$60.99

S$47.99

Total S$ 169.97

FAQs

What is included in a Packt subscription?

A subscription provides you with full access to view all Packt and licnesed content online, this includes exclusive access to Early Access titles. Depending on the tier chosen you can also earn credits and discounts to use for owning content

How can I cancel my subscription?

To cancel your subscription with us simply go to the account page - found in the top right of the page or at https://subscription.packtpub.com/my-account/subscription - From here you will see the ‘cancel subscription’ button in the grey box with your subscription information in.

What are credits?

Credits can be earned from reading 40 section of any title within the payment cycle - a month starting from the day of subscription payment. You also earn a Credit every month if you subscribe to our annual or 18 month plans. Credits can be used to buy books DRM free, the same way that you would pay for a book. Your credits can be found in the subscription homepage - subscription.packtpub.com - clicking on ‘the my’ library dropdown and selecting ‘credits’.

What happens if an Early Access Course is cancelled?

Projects are rarely cancelled, but sometimes it's unavoidable. If an Early Access course is cancelled or excessively delayed, you can exchange your purchase for another course. For further details, please contact us here.

Where can I send feedback about an Early Access title?

If you have any feedback about the product you're reading, or Early Access in general, then please fill out a contact form here and we'll make sure the feedback gets to the right team.

Can I download the code files for Early Access titles?

We try to ensure that all books in Early Access have code available to use, download, and fork on GitHub. This helps us be more agile in the development of the book, and helps keep the often changing code base of new versions and new technologies as up to date as possible. Unfortunately, however, there will be rare cases when it is not possible for us to have downloadable code samples available until publication.

When we publish the book, the code files will also be available to download from the Packt website.

How accurate is the publication date?

The publication date is as accurate as we can be at any point in the project. Unfortunately, delays can happen. Often those delays are out of our control, such as changes to the technology code base or delays in the tech release. We do our best to give you an accurate estimate of the publication date at any given time, and as more chapters are delivered, the more accurate the delivery date will become.

How will I know when new chapters are ready?

We'll let you know every time there has been an update to a course that you've bought in Early Access. You'll get an email to let you know there has been a new chapter, or a change to a previous chapter. The new chapters are automatically added to your account, so you can also check back there any time you're ready and download or read them online.

I am a Packt subscriber, do I get Early Access?

Yes, all Early Access content is fully available through your subscription. You will need to have a paid for or active trial subscription in order to access all titles.

How is Early Access delivered?

Early Access is currently only available as a PDF or through our online reader. As we make changes or add new chapters, the files in your Packt account will be updated so you can download them again or view them online immediately.

How do I buy Early Access content?

Early Access is a way of us getting our content to you quicker, but the method of buying the Early Access course is still the same. Just find the course you want to buy, go through the check-out steps, and you’ll get a confirmation email from us with information and a link to the relevant Early Access courses.

What is Early Access?

Keeping up to date with the latest technology is difficult; new versions, new frameworks, new techniques. This feature gives you a head-start to our content, as it's being created. With Early Access you'll receive each chapter as it's written, and get regular updates throughout the product's development, as well as the final course as soon as it's ready.We created Early Access as a means of giving you the information you need, as soon as it's available. As we go through the process of developing a course, 99% of it can be ready but we can't publish until that last 1% falls in to place. Early Access helps to unlock the potential of our content early, to help you start your learning when you need it most. You not only get access to every chapter as it's delivered, edited, and updated, but you'll also get the finalized, DRM-free product to download in any format you want when it's published. As a member of Packt, you'll also be eligible for our exclusive offers, including a free course every day, and discounts on new and popular titles.

Filter reviews by

All

Feefo verified reviews

Amazon verified reviews

Yondela Myataza Jul 29, 2024

Feefo Verified review

allejo Jan 29, 2024

This book covers the most common anti-patterns that I've seen throughout React projects, especially ones that were built by beginners. The first chapter does a good job explaining each anti-pattern and the problems they cause. However, I wouldn't consider everything mentioned in this chapter an "anti-pattern." For example, lack of testing is listed but I'd consider that more of a problem than a pattern people actively follow. Nevertheless, it's a problem that folks should be aware of, and therefore, it fits this book's topic well. Then, the second chapter does an abridged but thorough detailing of React fundamentals because these fundamentals will be used in the upcoming chapters. Don't expect this chapter to be a hand-holding tutorial; it will be just the conceptual aspects and code samples. One of the biggest problems I see in React applications is the way they are organized, and this book does a good job listing out a number of different approaches, each with pros/cons, to allow the reader to decide what's best for them.Testing, refactoring, and TDD are the next sections of the book, and I very much enjoyed these! The section on testing gives a good overview of the different ways of testing React applications, including unit testing (Jest + RTL) and integration testing (Cypress + Cucumber). Beyond just going over refactoring strategies like how to restructure your application, the author goes in-depth with the exact refactoring strategies you can/should use. The most exciting part is that the author references Webstorm and Visual Studio Code as IDEs, and proceeds to explain the different refactoring options these IDEs have and how/WHY to use them, e.g., extracting values into variables, extracting certain logic into utility functions, moving pieces of code into different files to enforce separation of duties.The last part of the book I read before writing this review covers TDD, its different styles, and how to do it. I appreciate this section being in here because I find that TDD is a tough concept for some to wrap their heads around. The author mentions Cucumber (for BDD) as an example but doesn't go into detail with it. I know that's not what this book is intended for, but I can't help but feel sad that there wasn't more information or examples of this approach. In this section, the author talks about "tasking," which lists everything the author will be testing. The author describes what each task will be testing and, to some degree, why as well, but this section could have been written slightly differently, where it reads as if the author is explaining why they picked the tasks they did for testing first.Overall, really pleasant read for beginners and experts alike. I'm looking forward to finishing this book.

Amazon Verified review

Surya Sumanth Feb 21, 2024

Great book if you are into learning react.js

Bhavana Acharya Mar 04, 2024

As a seasoned React developer, I've often found myself grappling with common anti-patterns and seeking ways to refine my codebase.This book delves in to the intricacies of TDD, design patterns which helps the developer to write clean and reusable code.It also focuses on business and logic development as well. There are examples given as well which enables the user to learn the topics easily

Erica Jun 10, 2024

Recently, I had an interview and got tripped up on a question about design patterns 😩, so I decided to try to learn more about them.In doing so, I discovered something called anti-patterns exist as well! 😂 And since I'm also currently trying to get reacquainted with React, I decided to go looking for a good resource on the subject(s)...Now I love me some good resources! 😅🥰 I literally hoard online courses in my bookmarks on my laptop, and my bookshelf is full of programming books. 🤣So I went looking for a good one and I came across "React Anti-Patterns" and have been diving into it recently. And even though it's more about what NOT to do, I'm learning sooo much!! 🤯It's really helping me develop a better understanding of design patterns and anti-patterns so I can feel more confident speaking about them in interviews. I'm most excited about how it's helping me learn to write better code and ultimately, be a better developer. 😊I absolutely recommend it to anyone who's trying to up their game and grow as a software engineer! This one is a must-have!

React Anti-Patterns: Build efficient and maintainable React applications with test-driven development and refactoring

What do you get with a Packt Subscription?