TypeScript React

Open-source TypeScript projects categorized as React

Top 23 TypeScript React Projects

  • GitHub repo storybook

    📓 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

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

  • GitHub repo hyperterm

    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.

  • GitHub repo formik

    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

  • GitHub repo MobX

    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.

  • GitHub repo Docusaurus

    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.

  • GitHub repo react-native-elements

    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.

  • GitHub repo slate

    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.

  • GitHub repo react-navigation

    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;

  • GitHub repo react-hook-form

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

  • GitHub repo react-query

    ⚛️ 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.

  • GitHub repo @blueprintjs/core

    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 ???

  • GitHub repo notable

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

    Project mention: But really, come on now | reddit.com/r/Notion | 2021-03-05
  • 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: Suggestions/Help Admin panel React - typescript | reddit.com/r/reactjs | 2021-02-24

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

  • GitHub repo SWR

    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.

  • GitHub repo recharts

    Redefined chart library built with React and D3

  • GitHub repo chakra-ui

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

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

    Chakra UI

  • GitHub repo Ink

    🌈 React for interactive command-line apps

    Project mention: Building Rich Terminal Dashboards | news.ycombinator.com | 2021-02-15
  • GitHub repo react-dnd

    Drag and Drop for React

  • GitHub repo RxDB

    🔄 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

  • GitHub repo Bit

    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)

  • GitHub repo learn-anything

    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.

  • GitHub repo visx

    🐯 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:

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-03-06.

Index

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

Project Stars
1 storybook 58,964
2 Ionic Framework 43,147
3 hyperterm 35,389
4 formik 26,542
5 MobX 23,278
6 Docusaurus 22,052
7 react-native-elements 20,171
8 slate 19,910
9 react-navigation 19,424
10 react-hook-form 18,982
11 react-query 18,199
12 @blueprintjs/core 17,391
13 notable 17,172
14 react-admin 16,180
15 SWR 15,933
16 recharts 15,871
17 chakra-ui 15,789
18 Ink 15,732
19 react-dnd 15,329
20 RxDB 15,251
21 Bit 13,041
22 learn-anything 12,820
23 visx 12,651