Jump to ratings and reviews
Rate this book

Learning Patterns

Rate this book
In this book, you will learn design patterns, performance and rendering patterns for building high-quality web applications using modern JavaScript and React.
Patterns are time-tested templates for writing code. They can be really powerful, whether you're a seasoned developer or beginner, bringing a valuable level of resilience and flexibility to your codebase.

Whether it's better user-experience, developer-experience or just smarter architecture, the patterns in “Learning Patterns” can be a valuable consideration for any modern web application.

436 pages, ebook

31 people are currently reading
149 people want to read

About the author

Lydia Hallie

2 books4 followers

Ratings & Reviews

What do you think?
Rate this book

Friends & Following

Create a free account to discover what your friends think of this book!

Community Reviews

5 stars
15 (21%)
4 stars
34 (47%)
3 stars
17 (23%)
2 stars
4 (5%)
1 star
1 (1%)
Displaying 1 - 11 of 11 reviews
Profile Image for Simon.
20 reviews
May 18, 2022
Does contain some good tips for web performance scattered throughout. In fact, I would say it's more focused on patterns for addressing web performance rather than web app architecture more generally.

There wasn't much structure to how each pattern was introduced. For example; drawbacks are not explored in depth for many of the listed patterns. Some patterns had good examples, but others were too abstract or contrived to be useful for learning.
Profile Image for Matthew Horvat.
124 reviews3 followers
July 9, 2022
When I initially picked up this ebook to read, I expected almost another book that just went through design patterns with examples. Well I got that for the first half the book, but then it got good.

After you get through things like the Singleton, Facade and Flyweight patterns, the authors start talking about rendering and performance patterns. This is most likely where this book will have the most impact for the greater community.

They go through how the browsers weight parts of the process and show how to code split etc. The only downside potentially is that their examples are in React and Next.js for most of the latter parts of the book, which might not be as useful for people not using those frameworks.

Otherwise, I'll be keeping a copy of the PDF handy as I continue to write web apps!
Profile Image for Emre Ergin.
Author 10 books83 followers
July 25, 2022
A really good series of blogposts, available also on patterns.dev, but definitely not structured or edited enough to be a book.

Understood as a reference material, the blog would work best I think, but I am rating it as a book of course.
Profile Image for Khachatur.
19 reviews
February 7, 2025
It's a great book for Frontend Engineers and interested ones who seek to learn about latest web performance optimization trends. It delves deep into Design Patterns in JavaScript, and Rendering patterns, mostly around React/Next.js ecosystem.

The book is available online on patterns.dev webpage, where I actually read it. I skipped Vue part, since at the moment it is not relevant for me, so my feedback and impression is regarding the other parts I have already highlighted.

You can learn a lot on how you can construct your application and in which type of application which rendering techniques can be applied. You will also learn different techniques how to make Core Web Vitals metrics such as FCP (Fast Content Paint) and LCP (Largest Content Paint) fast enhancing overall UX.

The only minus I would say was how the book was structured on the website. If you just go one by one, sometimes there are references from chapters that are yet to come, but overall it's not a big issue and.
41 reviews5 followers
August 6, 2022
Caveat first: this book pobably is not the best for beginners to learn JS patterns, and it doesn't have many examples for each pattern. And lots of examples are in React/Next

However, as someone who has done frontend for over a year now, there were so many lightbulb moments as I read through the book that I wouldn't have had if I read it a year and a half ago.
Profile Image for Thayse.
1 review9 followers
November 21, 2022
It's a great resource to learn about different patterns and performance improvements that can be made on web applications. It discusses trade-offs of different approaches and displays examples for most of them.
It is more focused on performance and optimization techniques than design patterns, and it expects the reader to have previous knowledge of Javascript.
I'll be keeping it around as a reference book.
6 reviews
February 16, 2023
It definitely gave me a compilation of blog posts vibe. The second half of the book was almost entirely about NextJS or SSR and performance. I wasn't really expecting a book on performance and optimization. I really want to be able to design great React apps and be able to make improvements to existing code; I did get some of that.

Great information on Hooks vs. Class components and HOCs, Context API, which gives me the 3 stars.

The second half of the book did not feel like it is applicable to me. My last project at work, I was making a React app that was not meant to be SEO-friendly. So what exactly was the point of reading all of that?

I was hoping for more about React architecture, and that's why this book is not very good imo. A good 2.5 or 3 stars.

Its free though, thank you!
Profile Image for Ben.
2,729 reviews225 followers
July 28, 2022
Frontend Time!

This was a pretty good book on learning React frontend!

Looking forward to using my skills learned when reading this book to doing some amazing designs!

Would recommend!

3.9/5
Profile Image for Juan Ibarra.
7 reviews
June 15, 2022
Tiene varios puntos utiles y se enfoca casi la mitad del libro en optimizacion de app
Profile Image for Timur Dautov.
7 reviews
November 13, 2022
A pretty good book about frontend design patterns using React. This could be helpful for your System Design interview with a focus on the client side.
Displaying 1 - 11 of 11 reviews

Can't find what you're looking for?

Get help and learn more about the design.