TypeScript React

Open-source TypeScript projects categorized as React | Edit details

Top 23 TypeScript React Projects

  • GitHub repo antd

    An enterprise-class UI design language and React UI library

    Project mention: react-text-loop-next - a smaller, updated, fork of react-text-loop | reddit.com/r/reactjs | 2021-10-16

    react-text-loop-next fixes all of these problems. It is 6x smaller, it was updated for React 17, and it's currently maintained! It's also used by the popular React design system, ant-design.

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: fractal.build as an atomic design tool | dev.to | 2021-10-19

    Fractal looks less shiny than Storybook, that I have used for ReactJS projects, but it can easily be used for projects without any JavaScript framework.

  • 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 Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: Does nyone else think Django is better off with it's own template rendering than with other frontends like Vue, React etc? | reddit.com/r/django | 2021-10-14

    If you are building something that is trying to be the next Facebook where there are lots of components that are working together to build an “app” like experience then a Vue / React frontend can make life way easier when it comes to keeping track of state. It can also make it easier to start building native apps but mostly if you build this in from the start via something like ionic

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15

    It looks like hyper, https://hyper.is/.

  • GitHub repo styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

    Project mention: ⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture. | dev.to | 2021-10-18

    Styled components

  • GitHub repo formik

    Build forms in React, without the tears 😭

    Project mention: 3 Ways to Build React Forms with Formik Pt.3 | dev.to | 2021-10-04

    In the first part of this tutorial, we took a look at how to build React forms with custom HTML elements and form state and logic provided by Formik. In the second part, we switched to Formik components and build form with them. In this final part we will make another change, a small step back.

  • GitHub repo Docusaurus

    Easy to maintain open source documentation websites.

    Project mention: An Evergreen Guide to Hacktoberfest | dev.to | 2021-10-17
  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo MobX

    Simple, scalable state management.

    Project mention: From Redux to MobX | dev.to | 2021-09-13

    MobX is a state management library and quite a popular one. In this post I will attempt to convert a single simple state of my Word Search React Game from Redux to MobX while having both Redux and MobX co-exist on the same application. I hope you will find the following useful when you’re about to do the same.

  • GitHub repo react-hook-form

    📋 React Hooks for forms validation (Web + React Native)

    Project mention: Reasons why you should use React useRef more often | reddit.com/r/reactjs | 2021-10-09

    react-hook-form makes heavy use of refs in order to improve performance. So, besides avoiding useRef when state is enough, one will want to use refs to avoid unwanted re-renders.

  • GitHub repo react-query

    ⚛️ Hooks for fetching, caching and updating asynchronous data in React

    Project mention: Redux data fetching solution for a small app | reddit.com/r/reactjs | 2021-10-13

    Perhaps: https://react-query.tanstack.com/

  • GitHub repo slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Project mention: Anyone ever tried creating a text input similar to discord's in react? | reddit.com/r/reactjs | 2021-10-08

    Ok good to know. Although, the Mention Example seem pretty complicated for what feels like such a simple task but still good to know about this in case I ever need it in the future

  • GitHub repo docz

    ✍ It has never been so easy to document your things!

    Project mention: This Free Tool Lets You Create World Class Documentation for React Components | dev.to | 2021-10-11

    It’s Docz. Docz is a popular state-of-the-art open-source tool that allows anyone to create clean and highly customizable custom software documentation sites with fairly minimal effort. Think of it as using Canva to create cool posters. It has got 21.7k stars on GitHub which is a huge thing in software development. Here are some of the features and cool things about Docz:

  • GitHub repo react-redux

    Official React bindings for Redux

    Project mention: Clean React-Redux, Redux-Saga client-side solution. | dev.to | 2021-10-13

    And to support the use of Redux in React we also have React-Redux. A library that allow us to keep Redux solution up to date with React modern approaches. Through React Hooks from React-Redux we can access and control the store. Is without saying that without React-Redux I would not recommend the use of Redux in applications today.

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: Top 7 React Native UI toolkits and component libraries in 2021 | dev.to | 2021-06-15

    More information available here: https://reactnativeelements.com

  • 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.

  • GitHub repo react-navigation

    Routing and navigation for your React Native apps

    Project mention: React navigation V6 white flash when navigating screens | reddit.com/r/reactnative | 2021-09-30

    https://github.com/react-navigation/react-navigation/issues/9089 https://github.com/react-navigation/react-navigation/issues/9918 https://github.com/react-navigation/react-navigation/issues/9891

  • GitHub repo SWR

    React Hooks for data fetching

    Project mention: Can you technically use Redux as a secondary way to "cache" stuff while using it for its main purpose? | reddit.com/r/reactjs | 2021-10-16

    Yes you can and/but I use SWR for this. It's just a lightweight wrapper for fetch calls that dedupes and caches requests using local storage so I can call the same fetch any number of places in the app and still it will only request the data once (even across multiple open tabs).

  • GitHub repo notable

    The Markdown-based note-taking app that doesn't suck.

    Project mention: Notable | reddit.com/r/devopskhan | 2021-10-18
  • GitHub repo electron-react-boilerplate

    A Foundation for Scalable Cross-Platform Apps

    Project mention: Let's Encrypt root CA isn't working properly in Electron | news.ycombinator.com | 2021-10-03
  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Best UI Frameworks for React.js | dev.to | 2021-10-11

    More info

  • GitHub repo react-admin

    A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

    Project mention: What sucks the most about current nocode tools? | reddit.com/r/nocode | 2021-10-08

    You should check out react-admin if you don't already know. Not exactly what you are describing, but in that space. You may be on to something here... like retool, but for graphql instead of SQL.

  • GitHub repo recharts

    Redefined chart library built with React and D3

    Project mention: Top 5 React chart libraries | dev.to | 2021-09-24

    With 17k stars (and counting) on GitHub, Recharts is a redefined chart library that was built with D3 and React. One of the most popular charting libraries for React, Recharts has excellent documentation that is easy to understand as well as great project maintainers.

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-19.

Index

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

Project Stars
1 antd 74,945
2 storybook 65,266
3 Ionic Framework 45,423
4 hyperterm 36,999
5 styled-components 34,972
6 formik 28,529
7 Docusaurus 27,284
8 MobX 24,348
9 react-hook-form 23,597
10 react-query 23,174
11 slate 22,429
12 docz 21,816
13 react-redux 21,452
14 react-native-elements 21,450
15 chakra-ui 21,119
16 react-starter-kit 20,992
17 react-navigation 20,419
18 SWR 19,421
19 notable 18,533
20 electron-react-boilerplate 18,335
21 @blueprintjs/core 18,214
22 react-admin 18,043
23 recharts 17,153
Find remote jobs at our new job board 99remotejobs.com. There are 35 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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.
scoutapm.com