Top 23 TypeScript React Projects
-
Project mention: Resources for learning how to design a beautiful Shopify store? | reddit.com/r/shopify | 2021-06-17
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
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 }; -
Scout APM
Scout APM - Leading-edge performance monitoring starting at $39/month. 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.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
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.
-
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.
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
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.
-
taro
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
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 😉
-
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.
-
-
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-12With 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?
-
react-starter-kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
git clone -o react-starter-kit -b master --single-branch https://github.com/kriasoft/react-starter-kit.git MyApp
-
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
-
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
-
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
-
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
-
-
Project mention: Resources for learning how to design a beautiful Shopify store? | reddit.com/r/shopify | 2021-06-17
-
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.
-
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-17I 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.
-
what do you mean by stack? if it means library I used https://recharts.org
-
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"
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 |