Advanced React Book

What it does

Take your React knowledge to the next level with advanced concepts, strategies, techniques, patterns and deep dives. A must-have book on React that you'll need after you're done with the docs, implemented a few simple apps, and now wondering "what's next?".

The advanced React book. 16 chapters and 105 interactive examples on how React really works, from re-renders and reconciliation to refs and performance. 4.8★ on Amazon, 4,500+ developers.

Why did that component just re-render? Why didn't memo fix it? Stop guessing. Build a mental model of React precise enough to always know where to look. That's exactly the gap this book closes. It assumes you already know React, and takes you to the level where you understand why , not just what . Each chapter starts from a problem you've probably hit, investigates it down to the mechanism, and ends with a pattern you can use the same day. What triggers a render in the first place, why one small Context change re-renders your entire app, and how composition fixes it before memo enters the picture. What useMemo, useCallback, and React.memo do under the hood, when they help, and the silent…from advanced-react.com

• TR
  The Road to learn React – Build a Hacker News App on the Way2016 · robinwieruch.de · ▲339
• 
  Tao of React2021 · taoofreact.com · ▲144

  A book about React project architecture and component design

• 
  React in Patterns2018 · krasimir.gitbooks.io · ▲352

  Common design patterns used while developing with React.

• 
  React Index2019 · ▲230

  Everything you need to know about React in one place

• RP
  React Pattern Book – A low maintenance pattern library/style guide2018 · springload.github.io · ▲114
• 
  Hacking with React2016 · hackingwithreact.com · ▲73

  Hands-on introduction to making a web app using React.

• 
  Run full iOS 16.5 firmware on Android Devices▲521

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 5d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 30d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 25d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 23d ago · talanoa.email

• 
  Loops▲1,556

  Measure whether a campaign drove the desired outcome

  Dev tools · 2023 · loops.so

• 
  Tally 2.0▲1,479

  The simplest way to create forms for free

  Dev tools · 2023 · tally.so

• 
  Klu AI▲1,462

  Your data, unified and interactive

  AI · 2023 · klu.so

• 
  FirstHR▲1,063

  All-in-one HR platform for founders with dreams and teams

  Work · 2023 · firsthr.app

• 
  DevHunt▲945

  Open source Product Hunt for dev tools

  Dev tools · 2023 · devhunt.org

• 
  Yarnit 2.0▲918

  GenAI app to create personalized content

  AI · 2023 · yarnit.app