Top 23 TypeScript React Projects

• storybook

  20 58,964 10.0 TypeScript

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

  Project mention: Build, test and release a React component library with Storybook | dev.to | 2021-03-06

  Storybook

• Ionic Framework

  9 43,147 9.3 TypeScript

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

  Project mention: App for toy rental | reddit.com/r/AppIdeas | 2021-03-04

  A hybrid app is basically one that can run on iOS and Android (and web and desktop sometimes) using the same code base, which really goes a long way in terms of cost and maintenance. Good hybrid app technologies are Flutter, React Native or Ionic. I recommend and work with Flutter.

• Scout

  Sponsored scoutapm.com

  Get performance insights in less than 4 minutes. 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.

• hyperterm

  4 35,389 9.6 TypeScript

  A terminal built on web technologies

  Project mention: The Immediacy of Web Development - Hot Reloading | dev.to | 2021-03-04

  Next you will need to open your preferred terminal (I use Hyper terminal which can be found here: https://hyper.is/) and navigate to the folder that you've just created.

• formik

  8 26,542 9.0 TypeScript

  Build forms in React, without the tears 😭

  Project mention: Creating an Android App with React Native, NativeBase and WatermelonDB | dev.to | 2021-03-06

  This will not be using complex forms as that will require a good form handling library like formik

• MobX

  1 23,278 9.2 TypeScript

  Simple, scalable state management.

  Project mention: Most popular Flutter libraries for state management in 2021 | dev.to | 2021-02-11

  Really nice and simple for newcomers without a lot of boilerplate. Unfortunately you need use builder, automatic generate the code after some change and wait for it. Library is inspired by MobX project from JavaScript.

• Docusaurus

  3 22,052 9.7 TypeScript

  Easy to maintain open source documentation websites.

  Project mention: I need suggestions for the API doc SAAS platform that I am building. | reddit.com/r/webdev | 2021-03-05

  Completely fair. I personally have no experience with swagger but I have used other open-source tech like https://docusaurus.io/ and Jekyll. I can tell you from that perspective that the POV here is to take away as much burden from the team as we can while the creation of docs. It may make sense for an IC in the end because their time is precious too but the main target will be a team of designers, product managers, and developers that maintain docs at scale.

• react-native-elements

  3 20,171 8.8 TypeScript

  Cross-Platform React Native UI Toolkit

  Project mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | reddit.com/r/reactnative | 2021-02-25

  are you looking for libraries like react-native-elements? there's a list of it here.

• slate

  2 19,910 8.0 TypeScript

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

  Project mention: Top 5 Rich-Text React Components | dev.to | 2021-03-03

  Slate.js, currently in beta, is a framework for building robust, rich text editors. Slate is made to be highly extensible, thus improving its native capabilities to create rich text editors. Slate is built with inspiration from tools including Quill and Draft.js.

• react-navigation

  1 19,424 9.1 TypeScript

  Routing and navigation for your React Native apps

  Project mention: React Navigation v5: Reset Stack Inside Tab After Leaving Tab | dev.to | 2021-02-17

  // ... // https://github.com/react-navigation/react-navigation/issues/8583 const TAB_TO_RESET = 'HomeTab'; const resetHomeStackOnTabPress = ({ navigation, route }) => ({ tabPress: (e) => { const state = navigation.dangerouslyGetState(); if (state) { // Grab all the tabs that are NOT the one we just pressed const nonTargetTabs = state.routes.filter((r) => r.key !== e.target); nonTargetTabs.forEach((tab) => { // Find the tab we want to reset and grab the key of the nested stack const tabName = tab?.name; const stackKey = tab?.state?.key; if (stackKey && tabName === TAB_TO_RESET) { // Pass the stack key that we want to reset and use popToTop to reset it navigation.dispatch({ ...StackActions.popToTop(), target: stackKey, }); } }); } }, }); function App() { return ( Tab.Navigator> NavigationContainer> ); } export default App;

• react-hook-form

  11 18,982 9.6 TypeScript

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

  Project mention: What's new in React Hook Form's resolvers V2 | dev.to | 2021-03-03

  Released in the 2020's summer, @hookform/resolvers is an optional module that allows you to validate React Hook Form's values with your favorite validation library. So far, we support 5 validation libraries: Yup, Zod, Vest, Joi, and Superstruct.

• react-query

  21 18,199 9.6 TypeScript

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

  Project mention: How to learn redux | reddit.com/r/reactjs | 2021-03-04

  Don't, Redux itself is painfully aware they're outdated. Redux is currently reworking itself to be more akin to React Query and Vercel's swr.

• @blueprintjs/core

  1 17,391 8.7 TypeScript

  A React-based UI toolkit for the web

  Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01

  https://blueprintjs.com/ AND ???

• notable

  7 17,172 1.5 TypeScript

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

  Project mention: But really, come on now | reddit.com/r/Notion | 2021-03-05

• react-admin

  6 16,180 9.9 TypeScript

  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: Suggestions/Help Admin panel React - typescript | reddit.com/r/reactjs | 2021-02-24

  Check out https://marmelab.com/react-admin/

• SWR

  14 15,933 8.5 TypeScript

  React Hooks library for remote data fetching

  Project mention: How to learn redux | reddit.com/r/reactjs | 2021-03-04

  Don't, Redux itself is painfully aware they're outdated. Redux is currently reworking itself to be more akin to React Query and Vercel's swr.

• recharts

  0 15,871 8.7 TypeScript

  Redefined chart library built with React and D3

• chakra-ui

  17 15,789 10.0 TypeScript

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

  Project mention: Tailwind JSX and class composition | dev.to | 2021-03-03

  Chakra UI

• Ink

  3 15,732 7.8 TypeScript

  🌈 React for interactive command-line apps

  Project mention: Building Rich Terminal Dashboards | news.ycombinator.com | 2021-02-15

• react-dnd

  0 15,329 8.9 TypeScript

  Drag and Drop for React

• RxDB

  2 15,251 9.8 TypeScript

  🔄 A realtime Database for JavaScript Applications

  Project mention: The Web After Tomorrow (2015) | news.ycombinator.com | 2021-02-09

  You can mix this with a client-server replication and voila, you have a website that always shows the correct data at each point in time.

  https://github.com/pubkey/rxdb

• Bit

  5 13,041 9.9 TypeScript

  Develop modular web applications with components - fast, together, and at scale.

  Project mention: New major release of bit – a modern git CLI (1.0.1) with automatic pulls, branches sorted by most recent, Google-like autocomplete & much more | reddit.com/r/webdev | 2021-02-19

  The command conflicts with collaboration tool bit.dev (13k stars on Github)

• learn-anything

  3 12,820 7.0 TypeScript

  Organize world's knowledge, explore connections and curate learning paths

  Project mention: Show HN: Vellum – An interactive list of nonfiction books reviewed by academics | news.ycombinator.com | 2021-02-20

  Your site looks awesome indeed! It reminds me of https://learn-anything.xyz but with a stronger focus on community.

  Here you go! Only the titles and review URLs were taken from the original sites. The rest are from Google Books.

  Science and Nature: https://gist.github.com/PizzaMyHeart/fd264434b2b92ba6dac0871...

  LSE: https://gist.github.com/PizzaMyHeart/c07e162df141ced84509a3f...

  The book tags were taken from the source HTML and seem to have been done very sloppily, especially the Nature ones, so you'd want to create your own tags anyway.

• visx

  7 12,651 9.4 TypeScript

  🐯 visx | visualization components

  Project mention: Low-Level Charts in React | dev.to | 2021-03-04

  A better option is to use a library based on D3, such as Visx, from Airbnb. It was introduced to the public last year and it aims to solve three issues:

Index