TypeScript ReactJS

Open-source TypeScript projects categorized as ReactJS | Edit details

Top 23 TypeScript ReactJS Projects

  • GitHub repo chakra-ui

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

    Project mention: Testing | reddit.com/r/webdev | 2021-10-18

    So far, "React Testing Library" and "Mock Service Worker" have covered my bases in the frontend. The hardest part in getting started for me was honestly getting myself to understand just how dead simple unit tests were suppose to be. I think charka-ui offers some great examples (although they have their own testing library, it's pretty similiar to RTL): https://github.com/chakra-ui/chakra-ui/tree/main/packages

  • GitHub repo react-starter-kit

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

    Project mention: graphql-let - A Webpack loader for GraphQL Code Generator | dev.to | 2021-07-29

    It generates `.d.ts` files in `node_modules/@types/graphql-let` by default to apply overload signatures on the function `gql`. Ideally, it should be available in both a babel plugin and the webpack loader but there needs to be more effort. ## Why I made graphql-let I made this for front-end devs to adopt the TypeScript and GraphQL even more in their project😄 When I actively maintained [kriasoft/react-starter-kit](https://github.com/kriasoft/react-starter-kit) a few years ago, I realized it's so happy to use Apollo Server and Apollo Client. At the moment, though, Apollo primarily supported HOCs instead of React Hooks, which leads to troublesome to match types of GraphQL operations and fetched data manually. Then, `@graphql-codegen/typescript-react-apollo` appeared and solved all the problems, except ones that graphql-let deals with later. The less setup process GraphQL development requires, the more people can adopt GraphQL I believe, simply because GraphQL itself solves many problems web development has been struggling with without it for a decade. I couldn't be happier if a few of you get to know the power of GraphQL through using graphql-let.

  • Syncfusion

    Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  • GitHub repo redoc

    📘 OpenAPI/Swagger-generated API Reference Documentation

    Project mention: Keeping Documentation Debt At Bay & Clients Happy | dev.to | 2021-09-09

    This library allowed us to write the API documentation in-place throughout the route definitions, and drf-yasg would render documentation in either the form of an OpenAPI schema or as an interactive Redoc/Swagger UI web page. This meant that we were generating documentation from our code and there was no extra developer steps to change documentation if a feature or route changed.

  • GitHub repo Bit

    A tool for component-driven application development.

    Project mention: Documentation techniques in FE | reddit.com/r/Frontend | 2021-10-15

    Bit is a development platform/styleguide/package mono-repo in one system.

  • 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: Toast Notification for React Apps | dev.to | 2021-10-04

    React Toastify

  • GitHub repo rsuite

    🧱 A suite of React components .

    Project mention: 20 Awesome React Component libraries to try in 2021 | dev.to | 2021-09-10

    website: React Suit

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo reakit

    Toolkit for building accessible rich web apps with React

    Project mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23

    reakit - Toolkit for building accessible rich web apps with React

  • GitHub repo signoz

    SigNoz helps developers monitor their applications & troubleshoot problems, an open-source alternative to DataDog, NewRelic, etc. 🔥 🖥. 👉 Open source Application Performance Monitoring (APM) & Observability tool

    Project mention: DataDog vs CloudWatch - Which tool to choose? | dev.to | 2021-10-18

    And that's where SigNoz comes into the picture - an open-source APM tool.

  • GitHub repo CSS Layout

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

    Project mention: 5 Awesome sites for every Front-end Developers | dev.to | 2021-10-05
  • GitHub repo react-hooks-testing-library

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

    Project mention: React | Write a unit test for custom hooks in ten minutes | dev.to | 2021-10-04

    When you installed and we can start to write unit tests! There are two methods we need to know in react-hooks-testing-library. The first is renderHook, the second is act:

  • GitHub repo constate

    React Context + State

    Project mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23

    constate - React Context + State

  • GitHub repo relay-starter-kit

    💥 Yarn v2 based monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.

    Project mention: GraphQL API and Relay Starter Kit | reddit.com/r/react | 2021-09-26
  • GitHub repo react-flip-toolkit

    A lightweight magic-move library for configurable layout transitions

    Project mention: Reactive Clojure: You don't need a web framework, you need a web language | reddit.com/r/Clojure | 2021-09-23

    My point is that there are already many libraries out there. With styling, input events and so on. For example, I use Blueprintjs in many current projects, which provides a large set of widgets/components. One of these is a spreadsheet-like table component with sorting, editing, reordering and more. I also use react-grid-layout for card widgets that you can drag and resize and react-flip-toolkit for animation, among other things. There is a huge React ecosystem out there and duplicating all of that would take far, far too long.

  • GitHub repo surveyjs

    JavaScript Survey and Form Library

  • GitHub repo sanity

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

    Project mention: If you were starting a new SaaS, what would you include in your tech stack? | reddit.com/r/SaaS | 2021-10-04

    CMS: https://www.sanity.io/

  • GitHub repo reactour

    Tourist Guide into your React Components

    Project mention: React tools for in-app tutorials? | reddit.com/r/reactjs | 2021-10-16

    Never used it but this seems pretty popular https://github.com/elrumordelaluz/reactour

  • GitHub repo next-i18next

    The easiest way to translate your NextJs apps.

    Project mention: next.js: i18n with static sites | dev.to | 2021-09-23

    To complement this, next-i18next (....) fully supporting SSG/SSR, multiple namespaces, codesplitting, etc. Production ready: next-i18next supports passing translations and configuration options into pages as props with SSG/SSR support. https://github.com/isaachinman/next-i18next/

  • GitHub repo notistack

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

  • 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.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

    Project mention: tsParticles - Javascript Particles for Websites - All issues ready for Hacktoberfest, start contributing today | reddit.com/r/hacktoberfest | 2021-09-30
  • 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: About gamedev in JS / ThreeJS | reddit.com/r/threejs | 2021-10-01
  • GitHub repo universal-router

    A simple middleware-style router for isomorphic JavaScript web apps

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-10-18.

Index

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

Project Stars
1 chakra-ui 21,119
2 react-starter-kit 20,992
3 redoc 15,358
4 Bit 14,120
5 gdbgui 8,226
6 react-toastify 7,761
7 rsuite 6,155
8 reakit 5,059
9 signoz 4,799
10 CSS Layout 4,259
11 react-hooks-testing-library 3,996
12 constate 3,456
13 relay-starter-kit 3,306
14 react-flip-toolkit 3,262
15 surveyjs 3,010
16 sanity 2,836
17 reactour 2,707
18 next-i18next 2,610
19 notistack 2,420
20 tsParticles 2,419
21 Erxes 1,892
22 use-cannon 1,772
23 universal-router 1,585
Find remote ReactJS jobs at our new job board 99remotejobs.com. There are 10 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.