Top 23 TypeScript React Projects
-
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-06Storybook
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
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
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
A terminal built on web technologies
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
Build forms in React, without the tears 😭
Project mention: Creating an Android App with React Native, NativeBase and WatermelonDB | dev.to | 2021-03-06This will not be using complex forms as that will require a good form handling library like formik
-
MobX
Simple, scalable state management.
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
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-05Completely 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
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-25are you looking for libraries like react-native-elements? there's a list of it here.
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
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-hook-form
📋 React Hooks for forms validation (Web + React Native)
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
⚛️ Hooks for fetching, caching and updating asynchronous data in React
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
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-01https://blueprintjs.com/ AND ???
-
notable
The Markdown-based note-taking app that doesn't suck.
-
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-24Check out https://marmelab.com/react-admin/
-
SWR
React Hooks library for remote data fetching
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
Redefined chart library built with React and D3
-
chakra-ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Chakra UI
-
Ink
🌈 React for interactive command-line apps
-
react-dnd
Drag and Drop for React
-
RxDB
🔄 A realtime Database for JavaScript Applications
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.
-
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-19The command conflicts with collaboration tool bit.dev (13k stars on Github)
-
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-20Your 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
🐯 visx | visualization components
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
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 |