Take your React knowledge to the next level with advanced concepts, strategies, techniques, patterns and in-depth investigations.
This book is a must
You've gone through the React docs, implemented a few simple apps, and now are “How can I progress to the next level?”You've been working with React for a few years and you're confident that you know it inside and out. This book might have a surprise or two for you.You want to become the go-to person for everything React performance and be the source of in-depth "how things actually work" knowledge in your team.But why?
React docs are very good to start with React. Millions of books, courses, and blogs are out there aimed at beginners. But what to do after you've started successfully? Where to go if you want to understand how things work on a deeper level? What to read if you've been writing React for a while and beginner or even intermediate-level courses are not enough? There are not many resources available for this. This is the gap this book aims to fill.
What the book aims to provide is the knowledge that allows you to progress from "can implement a basic todo app" to "React guru in my team". It begins right away with investigating and fixing a performance bug. It digs deep into what re-renders are and how they affect performance. Walks you through how the reconciliation algorithm works, how to deal with closures in React, various composition patterns that can replace memoization, how memoization works, how to implement debouncing correctly, and much more.
The book is very structured. Each chapter is an independent story, investigation, or deep dive focusing on a single topic. However, they are not completely each chapter builds on the knowledge introduced in the previous chapters. Also, each chapter tries to introduce only the knowledge required to understand the discussed concept, no more. To make the reading easier and more focused.
If your knowledge already extends beyond the simple "todo" app, it's very likely that you'll know a lot of the concepts already. For this case, every chapter has a bullet-point list of things you can expect to learn from it at the beginning, and a "Key takeaways" section, with a very short bullet-point summary of the things introduced. Just skimming through these first will give you a good idea of what's inside.
You can read the book from cover to cover, and I tried to make sure you'll have fun doing that. Or just focus on things that matter to you the most and skim through the "Key takeaways" sections of the rest of the chapters.
I'm new to React. Is this book a good fit for me?
The book's target audience is people who are already familiar with React. Ideally, they have implemented an app or two and now want to progress to the next level. If you're a complete beginner, the book may not be the best fit. It starts with investigating a small performance problem right away and assumes that the reader can implement at least a simple "todo" app by themselves.
You'll definitely need the book after a few months into your React journey though.
A good read. As a senior engineer, most of the concepts I already knew but the content is still great and well-written. I especially liked chapters 2 (Elements, children as props, and re-renders) and 6 (Deep dive into diffing and reconciliation) as they provide valuable knowledge. You'll enjoy those chapters especially if you're interested in understanding how React works under the hood: Basically how the compiler transforms React's declarative code into JavaScript objects and the algorithm behind rendering (and re-rendering) React components into the DOM.
Maybe if I could suggest new content to the book in the future would be to have a chapter on rendering architectures (CSR, SSR, SSG, Island, Streaming SSR, RSC, etc). The rest is great.
I recommend it to frontend engineers interested in React and wanting to advance their knowledge and careers.
I cannot find many books on advanced React topics so this book deserves praise for just being one. But to add more, it's actually well written - examples are very approachable and easy to follow, the text is informal, concise and clear. It took no effort to read and yet I did learn quite a few useful tricks.
If I had to name some drawbacks, I would suggest to extend the discussions with regard to state management - in particular, global state management from third party libraries. This is one of the most important parts of any serious React project, but the current ecosystem is filled with so many state managers that it's hard to differentiate how they differ and which one suits best for what purpose.
Also, the state management solutions that are developed in the book are very similar to the ones used by most popular libraries (Zustand with ContextAPI, React Query), but it would've been nice if this similarity was mentioned explicitly and more expounded on. It would've made a huge difference in helping people understand the place of those libraries in the broader React ecosystem.
It was a really nice read especially as an intermediate dev, I felt that the author could use more examples and also dive into other topics such as ssr, ssg, state persistence and synchronisation and PWA's. Good book for me but wouldn't recommend it for beginners
Justo lo que espero de un libro técnico. Que no solo me muestre como son las cosas sino que discuta alternativas y que profundice en los detalles del funcionamiento. De lo mejor que he leído sobre react.
Amazing work Nadia! This is the best advance React I’ve ever read! Thanks for the the code examples too! Definitely will stay on my bookshelf for re-reading, it’s an eye opener! Keep up with the good work!🙏🙏🙏
I really enjoyed reading this. This book adds a lot of knowledge which I couldn't find from any long video course, you can find a lot of answers to some react strange Behavior. thank you so much Nadia for writing this book.
Excellent book, quick and easy to understand, with interactive examples linked. Definitely worth your time if you're seeking to level up your skills as a react developer.