Creating Reusable React Components with TypeScript

This page summarizes the projects mentioned and recommended in the original post on dev.to
hardware-buttons linkedin-bot template-engine-js

Civic Auth - Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com
featured
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured

  1. react-reusable-components

    You can find the finished code on GitHub.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo

  3. headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    I admit that this component is a contrived example as it seems to offer not that many benefits compared to our initial solution. But the techniques that I have shown here are very relevant and the simple example allowed me to focus on the techniques. These techniques are widely used in libraries like Chakra UI and headless UI which I really enjoy using.

  4. chakra-ui

    Chakra UI is a component system for building products with speed ⚡️

    I admit that this component is a contrived example as it seems to offer not that many benefits compared to our initial solution. But the techniques that I have shown here are very relevant and the simple example allowed me to focus on the techniques. These techniques are widely used in libraries like Chakra UI and headless UI which I really enjoy using.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Top 5 Headless Components For Your React Application In 2023

    8 projects | dev.to | 14 Oct 2023

  • Designing Keyboard Accessibility for Complex React Experiences

    3 projects | dev.to | 10 Jun 2021

  • Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025

    2 projects | dev.to | 14 Apr 2025

  • 10 Best React Icon Libraries (2025 Edition)

    1 project | dev.to | 17 Mar 2025

  • Best 11 React UI Component Libraries in 2025

    14 projects | dev.to | 11 Mar 2025
Loading...