A Guide to TDD'ing React Components

In plain words

A Guide to TDD'ing React Components is a collection of examples demonstrating test-driven development practices for React. It provides hands-on guidance for developers learning to apply TDD methodology when building React components. The project is hosted on GitHub and welcomes community contributions, making it a resource for those seeking to improve their testing approach in React development.

written from the facts on this page · September 2026

• 
  react.dev2023 · react.dev · ▲543

  The new home for React and its documentation

• 
  Antd – A set of high-quality React components2016 · ant.design · ▲507

  Following the Ant Design specification, we developed a React UI library antd (Pronunciation) that contains a set of high quality components and demos for building rich, interactive user interfaces.

• 
  Tetrisly React Components2024 · tetrisly.com · ▲125

  An open-source react library to shipping web apps faster

• 
  You Got This! Zine: React Edition. By Glitch2018 · blog.glitch.com · ▲122

  A free, 24-page zine about making web apps with React.js

• IL
  I learnt React by building a narrative-driven funny(?) web game2020 · tapsify.com · ▲38
• 
  Single-file components for React2017 · github.com · ▲37

  Single-file components for React. Contribute to digitalie/one-loader development by creating an account on GitHub.

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d 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 · 27d 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 · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Hunter▲1,703

  Find any company logo by domain with Hunter’s free logo API. No account, no API key. The simplest Clearbit Logo API replacement, switch in 30 seconds.

  Growth · 2015 · hunter.io

• 
  CheatSheet▲982

  View Mac keyboard shortcuts in the current application

  Work · 2015 · mediaatelier.com

• 
  Helium▲794

  A floating browser window for your Mac

  Work · 2015

• 
  A tool that transforms your whole list with just one example▲764

  saas that helps convert

  Life & fun · 2015 · transformy.io

• AR
  A random startup generator▲607

  Life & fun · 2015 · tiffzhang.com

• 
  Operator▲546

  Looking for something? Make a request and we'll find it.

  AI · 2015 · operator.com