React Design Patterns and Best Practices: Design, build and deploy production-ready web applications using standard industry practices, 2nd Edition

by Carlos Santana Roldan

Build modular React web apps that are scalable, maintainable and powerful using design patterns and insightful practices

Key FeaturesGet familiar with design patterns in React like Render props and Controlled/uncontrolled inputs Learn about class/ functional, style and high order components with ReactWork through examples that can be used to create reusable code and extensible designsBook DescriptionReact is an adaptable JavaScript library for building complex UIs from small, detached bits called components. This 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-life situations.

You’ll get started by understanding the internals of React, in addition to covering Babel 7 and Create React App 2.0, which will help you write clean and maintainable code. To build on your skills, you will focus on concepts such as class components, stateless components, and pure components. You'll learn about new React features, such as the context API and React Hooks that will enable you to build components, which will be reusable across your applications. The book will then provide insights into the techniques of styling React components and optimizing them to make applications faster and more responsive. In the concluding chapters, you’ll discover ways to write tests more effectively and learn how to contribute to React and its ecosystem.

By the end of this book, you will be equipped with the skills you need to tackle any developmental setbacks when working with React. You’ll be able to make your applications more flexible, efficient, and easy to maintain, thereby giving your workflow a boost when it comes to speed, without reducing quality.

What you will learnGet familiar with the new React features,like context API and React HooksLearn the techniques of styling and optimizing React componentsMake components communicate with each other by applying consolidate patternsUse server-side rendering to make applications load fasterWrite a comprehensive set of tests to create robust and maintainable codeBuild high-performing applications by optimizing componentsWho this book is forThis book is for web developers who want to increase their understanding of React and apply it to real-life application development. Prior experience with React and JavaScript is assumed.

Table of ContentsTaking Your First Steps with ReactClean Up Your CodeCreating Truly Reusable ComponentsCompose All the ThingsProper Data FetchingWrite Code for the BrowserMake Your Components Look BeautifulServer-Side Rendering for Fun and ProfitImprove the Performance of Your ApplicationsAbout Testing and DebuggingReact RouterAnti-Patterns to be AvoidedDeploying to ProductionNext Steps

Genres: Programming, Computer Science

607 pages, Kindle Edition

Published March 30, 2019

Reviews

[Sina · Rating 3 out of 5]

Not too advanced!

[Sloan · Rating 3 out of 5]

Good resource for experienced developers that use React. I would not recommend beginners start here. Not an extensive or super technical look into things, but it does offer practical insight. This would be ideal for a dev team to read through or have on hand when questions arise about working with React.

It's easy to read and filled with many code examples. It introduces concepts and then will often explain on how to work with them. This is great and makes it easy to understand for someone that has experience with React.

Three stars because it is what it is. Nothing mind blowing here, but it does fulfill expectations.

[Jeffrey · Rating 4 out of 5]

There's some good stuff in here if you've only done one or two React projects and are looking for a better basic understanding.

[Syed Aman · Rating 1 out of 5]

It was just a conglomeration of tutorials. It felt like the author is a code-slinger but doesn't really have a strong understanding of software engineering or why these patterns are here in the first place.

I came in trying to think in a React way and to be able to speak React and make sophisticated well-learned design decisions, but what I got was more of miscellaneous how-tos that you would find in tutorial blogs.

This book frustrated me, but I still finished it. I mean, it gives you a wide breadth of different things about React, but it felt like a dump of React code and barely any why. There was little theory or actual thinking about the reasoning behind using these patterns.

Again, why not just read a bunch of tutorials and blogs then? Books are for having a deep understanding.

Note to self: don't read a book until you've checked the reviews in Goodreads. I wasted my time

[Max Rohde · Rating 3 out of 5]

A decent book about React programming. I've read the second edition. In the fast moving world of React (and JavaScript development in general) knowledge gets quickly outdated. Some sections of the book wouldn't be considered best practice anymore; however in most cases there is an additional section bolted on (presumably added with the second edition) that follows a more modern approach. I think it might have been better to remove the original content in the second edition rather than providing the most recent approaches as a kind of afterthought.

[Povilas Šulcas · Rating 3 out of 5]

Talks about classes and only in the end of each chapter it adds something that is currently useful. Encourages use of libraries and some design patterns are simply impossible in large and complex platforms.

The book is still ok for react devs with some experience.

[Selino V · Rating 1 out of 5]

Like most programming books this one was obsolete within months. Functional patterns have become the norm and nesting React within other libs/frameworks is commonplace. This book was filled with "best practices" in 2018-2019. It's not even close anymore.

[Marek Sirkovský · Rating 2 out of 5]

I expected something different. It was more of compilation of basic React tutorials than a book about patterns.

[Katherine · Rating 1 out of 5]

Waste of time. Even wrong at times. Worst practices for first few chapters.

[Lois · Rating 5 out of 5]

Great if you are already somewhat familiar with React, but looking to code properly. Easy to understand.

[Kitokip · Rating 3 out of 5]

Half a book for React tutorials content and much less content for advanced patterns. Like a collection of tutorial blogs.

[Kia Storm · Rating 2 out of 5]

This book seemed outdated to me. Whilst I understand that class components are still usable in React, React hooks are only briefly mentioned in the book. Much of the insights and information is covered in most React tutorials online, or even in the docs at https://reactjs.org/docs