Open source react project with typescript best practices

This page summarizes the projects mentioned and recommended in the original post on /r/typescript

Our great sponsors
  • Appwrite - The open-source backend cloud platform
  • Sonar - Write Clean JavaScript Code. Always.
  • Revelo Payroll - Free Global Payroll designed for tech teams
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • Onboard AI - Learn any GitHub repo in 59 seconds
  • bulletproof-react

    🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

    Bulletproof-react on github

  • react-you-do-you

    How I use React + Redux + Material-UI + TypeScript – you do you 💖

    I am the maintainer of – a project starter which demonstrates a lot of React/TS best practices. Hope it helps!

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!


    A professional portfolio for Charles Stover.

    I keep my portfolio pretty up to date:

  • react-use

    React Hooks — 👍

    React-Use is actually a library of hooks, but I never import it as a library and instead like to look in the src directory to see how they did things, both from the hooks and typescript perspective.

  • payload

    The best way to build a modern backend + admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.

    Check out the admin UI of Payload CMS: We put a lot of work in to the form components to make an admin panel that scales and is performent.

  • react

    Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)

  • react-typescript-best-practices

    Our idea of best practices when using React with TypeScript


  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • react-redux-typescript-guide

    The complete guide to static typing in "React & Redux" apps using TypeScript

  • react-typescript-example

    React TypeScript Example. ReactJS TypeScript. Convert JSX to TSX. React Router TypeScript. React Fetch TypeScript. React TypeScript Best Practices. React TypeScript Architecture for large scale apps.


  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    Chakra UI :

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