TypeScript ReactJS

Open-source TypeScript projects categorized as ReactJS

Top 23 TypeScript ReactJS Projects

  • GitHub repo taro

    开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/

    Project mention: Top 10 Developer Trends, Thu Oct 22 2020 | dev.to | 2020-10-22

    NervJS / taro

  • GitHub repo react-starter-kit

    React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture

    Project mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13

    git clone -o react-starter-kit -b master --single-branch https://github.com/kriasoft/react-starter-kit.git MyApp

  • GitHub repo chakra-ui

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

    Project mention: Plutonium – a Next.js template styled with TailwindCSS | reddit.com/r/web_design | 2021-06-18

    quick question, why not use https://chakra-ui.com/ ? its using Tailwind

  • GitHub repo redoc

    📘 OpenAPI/Swagger-generated API Reference Documentation

    Project mention: Best toolset/workflow for prototyping and iterating an API? | reddit.com/r/node | 2021-05-18

    That's about the API design and specification. Now let's turn our attention to API UIs for visualisation and interaction. API UIs are useful for other people to easily understand your API. Again, quite a variety of choices in this area, but the most common are Swagger UI and Redoc. Lots of frameworks and tools will allow you to render the Swagger or Redoc UI of an OpenAPI spec from the specification document, such as Swagger's editor. And if you're comfortable enough with JavaScript, you can do the rendering yourself using the npm package. A fancier UI is Slate. I don't know whether Slate will automatically generate code samples in every popular language, but it does allow you to write the samples yourself. There're various tools that render a Slate UI from an OpenAPI specification. I believe Postman also allows you to generate a fancy UI.

  • GitHub repo Bit

    A lightweight and highly extendible Polyrepo for component-driven development.

    Project mention: Web OS: A windows clone with Micro frontend capabilities | dev.to | 2021-06-20

    Not every big app is needed to be breakdown as micro apps, there are other ways too, even for easier development like (Bit ecosystem)[https://bit.dev/], or just a better component model! It all depends on the requirement.

  • GitHub repo gdbgui

    Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.

  • GitHub repo react-toastify

    React notification made easy 🚀 !

    Project mention: How to create simple and stylish notifications using react-toastify | dev.to | 2021-03-29

    If you feel like using react-toastify in your app after reading this post, I strongly recommend heading over to the demo page and playing around with the different configurations.

  • GitHub repo rsuite

    🧱 A suite of React components .

    Project mention: What Is React Template? React Template Definition | dev.to | 2021-03-23

    React suit is an example of such a narrowly focused component library for enterprise system products.

  • GitHub repo reakit

    Toolkit for building accessible rich web apps with React

    Project mention: Designing Keyboard Accessibility for Complex React Experiences | dev.to | 2021-06-10

    For common components, I can't recommend Reakit enough. It's a keyboard accessible, unstyled component library with dialogs, popovers, and much more. I use it for all of my personal projects nowadays. Combined with Framer Motion for animation and Styled Components for styling, it's a killer mix.

  • GitHub repo CSS Layout

    A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

    Project mention: Awesome CSS Layout Resources For Beginners | dev.to | 2021-04-17

    CSS Layout.io

  • GitHub repo react-hooks-testing-library

    🐏 Simple and complete React hooks testing utilities that encourage good testing practices.

    Project mention: How to test React Hooks | dev.to | 2021-05-20

    It's a lucky day , Testing Library have made this project for us.

  • GitHub repo constate

    React Context + State

  • GitHub repo react-flip-toolkit

    A lightweight magic-move library for configurable layout transitions

    Project mention: how to do the stripe site dropdown? | reddit.com/r/web_design | 2020-12-24

    react-flip-toolkit will help you achieve this. They specifically have a demo for this too.

  • GitHub repo surveyjs

    JavaScript Survey and Form Library

  • GitHub repo sanity

    The Sanity Studio – Collaborate in real-time on structured content

    Project mention: How to Create a Progressive Web Application with Vue and Sanity | dev.to | 2021-06-09

    You can read more on why you should make use of Sanity here.

  • GitHub repo next-i18next

    The easiest way to translate your NextJs apps.

    Project mention: How to refresh next-i18next content update automatically? | dev.to | 2021-06-13

    When I started using next-i18next, I realized next dev server only loaded the translation files once when initialized and never updated even if I reloaded the page on my browser since server side doesn't change. Whenever I updated the translation, I needed to restart next dev server, which was bad developer experience.

  • GitHub repo notistack

    Highly customizable notification snackbars (toasts) that can be stacked on top of each other

  • GitHub repo signoz

    SigNoz helps developers monitor their applications & troubleshoot problems, an open-source alternative to DataDog, NewRelic, etc. 🔥 🖥

    Project mention: Set up performance monitoring for your Golang app in 20 mins with open source - SigNoz | reddit.com/r/golang | 2021-06-15

    We have introduced Clickhouse support in our recent release - https://github.com/SigNoz/signoz/releases/tag/v0.3.1

  • GitHub repo tsParticles

    tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.

    Project mention: What are these moving star/triangle animations called? | reddit.com/r/web_design | 2021-06-09

    You can try tsParticles: https://github.com/matteobruni/tsparticles

  • GitHub repo Erxes

    Free and open fair-code licensed all-in-one growth marketing & management software

  • GitHub repo use-cannon

    👋💣 physics based hooks for react-three-fiber

    Project mention: I'm a bit stuck. | reddit.com/r/threejs | 2021-03-13

    physics are easy, here's a 60 loc arkanoid using use-cannon: https://codesandbox.io/s/sweet-babbage-66cd7

  • GitHub repo universal-router

    A simple middleware-style router for isomorphic JavaScript web apps

  • GitHub repo compiled

    A familiar and performant compile time CSS-in-JS library for React.

    Project mention: A familiar and performant compile time CSS-in-JS library for React | news.ycombinator.com | 2021-03-21
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-06-20.

Index

What are some of the best open-source ReactJS projects in TypeScript? This list will help you:

Project Stars
1 taro 29,062
2 react-starter-kit 20,773
3 chakra-ui 18,766
4 redoc 14,266
5 Bit 13,572
6 gdbgui 8,015
7 react-toastify 6,880
8 rsuite 5,610
9 reakit 4,830
10 CSS Layout 3,818
11 react-hooks-testing-library 3,573
12 constate 3,314
13 react-flip-toolkit 3,056
14 surveyjs 2,907
15 sanity 2,559
16 next-i18next 2,232
17 notistack 2,079
18 signoz 1,943
19 tsParticles 1,883
20 Erxes 1,732
21 use-cannon 1,552
22 universal-router 1,535
23 compiled 1,388