React Design Patterns and Best Practices: Build easy to scale modular applications using the most powerful components and design patterns

by Michele Bertoli

Build modular applications that are easy to scale using the most powerful components and design patterns that React can offer you right now

Key FeaturesDive into the core patterns and components of React.js in order to master your application's designImprove their debugging skills using the DevToolsThis book is packed with easy-to-follow examples that can be used to create reusable code and extensible designsBook DescriptionTaking 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 - giving your workflow a huge boost when it comes to speed without reducing quality.

We'll begin by understanding the internals of React before gradually moving on to writing clean and maintainable code. We'll build components that are reusable across the application, structure applications, and create forms that actually work.

Then we'll style React components and optimize them to make applications faster and more responsive. Finally, we'll write tests effectively and you'll learn how to contribute to React and its ecosystem.

By the end of the book, you'll be saved from a lot of trial and error and developmental headaches, and you will be on the road to becoming a React expert.

What You Will LearnWrite clean and maintainable codeCreate reusable components applying consolidated techniquesUse React effectively in the browser and nodeChoose the right styling approach according to the needs of the applicationsUse server-side rendering to make applications load fasterBuild high-performing applications by optimizing componentsTable of ContentsEverything You Should Know About ReactClean Up Your CodeCreate 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 DebuggingAnti-Patterns to Be AvoidedNext Steps

Genres: Programming, Technology, Computer Science, Software, Coding, Technical

320 pages, Kindle Edition

Published January 13, 2017

Reviews

[Joe Narvaez · Rating 4 out of 5]

Good basic overview. Nothing groundbreaking. Although the author does cover render prop (he calls it 'function as a child' ), he focuses on HOC's. Unfortunately, HOC's have lost favor in the community. Render Props'(https://reactjs.org/docs/render-props...) seem to be the new thing as a pattern for code reuse. For good reasons; as outlined here: https://cdb.reacttraining.com/use-a-r...

[Timothy T · Rating 4 out of 5]

The book does a good job at explaining concepts well and is divided into well structured chapters. I would have liked to see more examples to flesh out some of the concepts as some ideas are mentioned all too briefly.

For more experienced React devs, don't give up on this book after reading the first couple chapters as the meat and potatoes can be found in chapters 4 to 10.

Cons:

* The way the code is explained can be too verbose. Explaining `class List extends React.Component` is fine the first few times but could've been omitted after chapter 1. Maybe the author is doing it for the benefit for those that skip chapters but if you don't understand that concept then you probably shouldn't be reading the latter chapters anyway.
* While the book lacks depth, it makes up for it by covering a broad range of topics. If you want more advanced react patterns, I'd suggest looking at Kent C Dodds advanced patterns videos
* Some things could've been explained better in detail so I ended up consulting the official docs

Pros:

* Comprehensive coverage on all aspects of React.
* Some handy 3rd party packages mentioned that I'd never heard of before
* Concise and gets to the point

[Jon Jones · Rating 4 out of 5]

I read this book to gain a better understanding of the react framework and this delivered. The book provides good detailed information about React that helped me to understand the nuances of the framework in more detail

[Eduardo Xavier · Rating 5 out of 5]

Michele did the best work I've read so far about react native. I loved all discussions and compartions that were presented. Lots of insights that improved what I learned so far.

[Sebastian Sanio · Rating 4 out of 5]

While this book offers valuable introductions to React design patterns and best practices for beginners, it doesn't quite cater to the needs of advanced users. It provides a solid foundation for novices, but those seeking more in-depth knowledge might find it lacking in new insights, thus my four-star rating.

The book's relevance is slightly diminished by outdated content, as several updates to React have occurred since its last edition. This, combined with a focus more suited for beginners, makes it less beneficial for seasoned developers.

In short, this book is a good starting point for beginners but falls short for advanced React developers. An updated edition encompassing recent React advancements would enhance its value significantly

[Furkan Sakar · Rating 4 out of 5]

There are lots of gems inside the book, the author did a good job by not including Redux into the patterns. The book starts with problem, explaining basic solution then going into better using specific npm packages. It is always important to note that there is no single solution that solves all problems.

[José · Rating 4 out of 5]

Best book on React I have read, goes in depth into advanced preformance tricks.

[Joppe Aarts · Rating 3 out of 5]

Outdated

[Саша Завалий · Rating 5 out of 5]

The best intro to react book I have read.

[Royston Shufflebotham · Rating 5 out of 5]

Very clearly written, with great examples. Good overview of various technology options too. The chapter on styling was especially helpfully written. Highly recommended!