TypeScript React

Open-source TypeScript projects categorized as React

Top 23 TypeScript React Projects

  • GitHub repo antd

    🌈 A UI Design Language and React UI library

    Project mention: Resources for learning how to design a beautiful Shopify store? | reddit.com/r/shopify | 2021-06-17
  • GitHub repo storybook

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

    Project mention: Publish your reusable components to npm | dev.to | 2021-06-19

    import React, { FC, HTMLAttributes, ReactChild } from 'react'; import { Button, ButtonProps } from './Button/Button'; export interface Props extends HTMLAttributes { /** custom content, defaults to 'the snozzberries taste like snozzberries' */ children?: ReactChild; } // Please do not use types off of a default export module or else Storybook Docs will suffer. // see: https://github.com/storybookjs/storybook/issues/9556 /** * A custom Thing component. Neat! */ const Thing: FC = ({ children }) => { return

    {children || `the snozzberries taste like snozzberries`}
    ; }; export { Thing, Button, ButtonProps };

  • 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 store or web? Why not both!? | dev.to | 2021-06-09

    Capacitor was created by the team behind the popular Ionic Framework as a replacement for Cordova for deploying modern Web Native apps on iOS, Android, Desktop, and Web.

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: Committing Changes within VS Code | dev.to | 2021-06-09

    In the past I've had issues with the VS Code Terminal not opening while Hyper was installed - if you have Hyper installed you may need to navigate to the directory and run these commands via Hyper.

  • 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: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13

    The main difference between other tools on this list and react-boilerplate is that, post setup, we get a highly opinionated, yet highly feature-rich development setup with feature support for react-router for routing, redux for state management, redux-saga for enhancing redux, reselect for optimization, immer for immutability and styled components for fast-tracking development. Even the project structure is highly opinionated with separation between containers (connected to redux store) and components that are pure components.

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

    Build forms in React, without the tears 😭

    Project mention: [Need Advice] Look for in-code form building tools or suggestions on what's missing | reddit.com/r/Web_Development | 2021-05-27

    I've been a web developer for over 7 years and I still love creating online experiences with code. But I've come to hate the repetitive task of creating forms. Even with great tools like Formik (for React), I end up spending so much time managing the validation and HTML.

  • GitHub repo Docusaurus

    Easy to maintain open source documentation websites.

    Project mention: What do you use for dev documentation? | reddit.com/r/iOSProgramming | 2021-06-16
  • GitHub repo MobX

    Simple, scalable state management.

    Project mention: No-library React store with useSelector(), @action, thunks and SSR | dev.to | 2021-06-18

    First, I'm not against Redux or MobX. These are great libs offering you much more than just getting and setting state. But if you need only, well, getting and setting state — you probably don't need either 😉

  • GitHub repo react-hook-form

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

    Project mention: Build quality forms with React 🚀 | dev.to | 2021-06-16

    I hope that you enjoyed this humble guide to building quality forms with React, using two wonderful libraries: react-hook-form and yup. This is what I use every time I need to build a form, and I feel really happy and confident about the process. The fact that I can focus on the UI, features, and accessibility without worrying too much about state management or validation myself is absolutely priceless, and it saves me a lot of time.

  • GitHub repo docz

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

    Project mention: Sorry everybody, I failed with you | reddit.com/r/programming | 2021-06-07
  • GitHub repo slate

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

    Project mention: Google Docs will move to canvas based rendering instead of DOM | news.ycombinator.com | 2021-05-12

    With a canvas-based engine, the editor is no longer relying on the contenteditable spec right?

    For the majority of use cases, do you think contenteditable + view layer which precisely updates the HTML is still viable though. Or more specifically, what do you think about libraries like ProseMirror (https://prosemirror.net/) or Slate.js (https://github.com/ianstormtaylor/slate)?

    I understand if you have really long documents or spreadsheets (I imagine latter is more frequent), you could maybe solve performance rendering problems with virtualization, which canvas gives more flexibility to?

  • 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 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 react-query

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

    Project mention: So, do I really suck so much in React? Bad job interview experience | reddit.com/r/reactjs | 2021-06-16

    You might want to take a look at this library: react-query

  • GitHub repo react-navigation

    Routing and navigation for your React Native apps

    Project mention: React Native Navigation v5 push slow performance - how to fix it? | reddit.com/r/reactnative | 2021-06-16

    Yes it's function of navigation, some links they had same problem https://stackoverflow.com/questions/46127753/react-native-react-navigation-slow-transitions-when-nesting-navigators https://github.com/react-navigation/react-navigation/issues/7756

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

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

    Project mention: Note Taking Software For School? | reddit.com/r/pop_os | 2021-06-05
  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Resources for learning how to design a beautiful Shopify store? | reddit.com/r/shopify | 2021-06-17
  • GitHub repo SWR

    React Hooks library for remote data fetching

    Project mention: Seeking advice on passing API data around an application | reddit.com/r/react | 2021-06-09

    Currently I'm using Vercel's SWR custom hook to fetch the relevant end point from within each component.

  • 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: Is there a *ERN implementation that one can use out of the box? | reddit.com/r/reactjs | 2021-06-17

    I also asked the question on a Discord channel and got this: https://marmelab.com/react-admin/ I haven't used it, but it does seem promising.

  • GitHub repo recharts

    Redefined chart library built with React and D3

    Project mention: my first pwa | reddit.com/r/webdev | 2021-06-06

    what do you mean by stack? if it means library I used https://recharts.org

  • GitHub repo Ink

    🌈 React for interactive command-line apps

    Project mention: タスク (tasuku) — The minimal task runner for Node.js | reddit.com/r/node | 2021-06-04

    Here is link number 1 - Previous text "ink"

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

Index

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

Project Stars
1 antd 72,486
2 storybook 62,639
3 Ionic Framework 44,731
4 hyperterm 36,041
5 styled-components 33,900
6 taro 29,062
7 formik 27,527
8 Docusaurus 24,096
9 MobX 23,849
10 react-hook-form 21,477
11 docz 21,262
12 slate 20,890
13 react-starter-kit 20,773
14 react-native-elements 20,758
15 react-query 20,717
16 react-navigation 19,892
17 chakra-ui 18,766
18 notable 17,897
19 @blueprintjs/core 17,871
20 SWR 17,551
21 react-admin 17,085
22 recharts 16,510
23 Ink 16,354