Top 23 TypeScript React Projects
An enterprise-class UI design language and React UI libraryProject mention: react-text-loop-next - a smaller, updated, fork of react-text-loop | reddit.com/r/reactjs | 2021-10-16
react-text-loop-next fixes all of these problems. It is 6x smaller, it was updated for React 17, and it's currently maintained! It's also used by the popular React design system, ant-design.
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!Project mention: fractal.build as an atomic design tool | dev.to | 2021-10-19
If you are building something that is trying to be the next Facebook where there are lots of components that are working together to build an “app” like experience then a Vue / React frontend can make life way easier when it comes to keeping track of state. It can also make it easier to start building native apps but mostly if you build this in from the start via something like ionic
A terminal built on web technologiesProject mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15
It looks like hyper, https://hyper.is/.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: ⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture. | dev.to | 2021-10-18
Build forms in React, without the tears 😭Project mention: 3 Ways to Build React Forms with Formik Pt.3 | dev.to | 2021-10-04
In the first part of this tutorial, we took a look at how to build React forms with custom HTML elements and form state and logic provided by Formik. In the second part, we switched to Formik components and build form with them. In this final part we will make another change, a small step back.
Easy to maintain open source documentation websites.Project mention: An Evergreen Guide to Hacktoberfest | dev.to | 2021-10-17
Run Linux Software Faster and Safer than Linux with Unikernels.
Simple, scalable state management.Project mention: From Redux to MobX | dev.to | 2021-09-13
MobX is a state management library and quite a popular one. In this post I will attempt to convert a single simple state of my Word Search React Game from Redux to MobX while having both Redux and MobX co-exist on the same application. I hope you will find the following useful when you’re about to do the same.
📋 React Hooks for forms validation (Web + React Native)Project mention: Reasons why you should use React useRef more often | reddit.com/r/reactjs | 2021-10-09
react-hook-form makes heavy use of refs in order to improve performance. So, besides avoiding useRef when state is enough, one will want to use refs to avoid unwanted re-renders.
⚛️ Hooks for fetching, caching and updating asynchronous data in ReactProject mention: Redux data fetching solution for a small app | reddit.com/r/reactjs | 2021-10-13
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)Project mention: Anyone ever tried creating a text input similar to discord's in react? | reddit.com/r/reactjs | 2021-10-08
Ok good to know. Although, the Mention Example seem pretty complicated for what feels like such a simple task but still good to know about this in case I ever need it in the future
✍ It has never been so easy to document your things!Project mention: This Free Tool Lets You Create World Class Documentation for React Components | dev.to | 2021-10-11
It’s Docz. Docz is a popular state-of-the-art open-source tool that allows anyone to create clean and highly customizable custom software documentation sites with fairly minimal effort. Think of it as using Canva to create cool posters. It has got 21.7k stars on GitHub which is a huge thing in software development. Here are some of the features and cool things about Docz:
Official React bindings for ReduxProject mention: Clean React-Redux, Redux-Saga client-side solution. | dev.to | 2021-10-13
And to support the use of Redux in React we also have React-Redux. A library that allow us to keep Redux solution up to date with React modern approaches. Through React Hooks from React-Redux we can access and control the store. Is without saying that without React-Redux I would not recommend the use of Redux in applications today.
Cross-Platform React Native UI ToolkitProject mention: Top 7 React Native UI toolkits and component libraries in 2021 | dev.to | 2021-06-15
More information available here: https://reactnativeelements.com
⚡️ Simple, Modular & Accessible UI Components for your React ApplicationsProject mention: Testing | reddit.com/r/webdev | 2021-10-18
So far, "React Testing Library" and "Mock Service Worker" have covered my bases in the frontend. The hardest part in getting started for me was honestly getting myself to understand just how dead simple unit tests were suppose to be. I think charka-ui offers some great examples (although they have their own testing library, it's pretty similiar to RTL): https://github.com/chakra-ui/chakra-ui/tree/main/packages
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architectureProject mention: graphql-let - A Webpack loader for GraphQL Code Generator | dev.to | 2021-07-29
It generates `.d.ts` files in `node_modules/@types/graphql-let` by default to apply overload signatures on the function `gql`. Ideally, it should be available in both a babel plugin and the webpack loader but there needs to be more effort. ## Why I made graphql-let I made this for front-end devs to adopt the TypeScript and GraphQL even more in their project😄 When I actively maintained [kriasoft/react-starter-kit](https://github.com/kriasoft/react-starter-kit) a few years ago, I realized it's so happy to use Apollo Server and Apollo Client. At the moment, though, Apollo primarily supported HOCs instead of React Hooks, which leads to troublesome to match types of GraphQL operations and fetched data manually. Then, `@graphql-codegen/typescript-react-apollo` appeared and solved all the problems, except ones that graphql-let deals with later. The less setup process GraphQL development requires, the more people can adopt GraphQL I believe, simply because GraphQL itself solves many problems web development has been struggling with without it for a decade. I couldn't be happier if a few of you get to know the power of GraphQL through using graphql-let.
React Hooks for data fetchingProject mention: Can you technically use Redux as a secondary way to "cache" stuff while using it for its main purpose? | reddit.com/r/reactjs | 2021-10-16
Yes you can and/but I use SWR for this. It's just a lightweight wrapper for fetch calls that dedupes and caches requests using local storage so I can call the same fetch any number of places in the app and still it will only request the data once (even across multiple open tabs).
The Markdown-based note-taking app that doesn't suck.Project mention: Notable | reddit.com/r/devopskhan | 2021-10-18
A Foundation for Scalable Cross-Platform AppsProject mention: Let's Encrypt root CA isn't working properly in Electron | news.ycombinator.com | 2021-10-03
A React-based UI toolkit for the webProject mention: Best UI Frameworks for React.js | dev.to | 2021-10-11
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material DesignProject mention: What sucks the most about current nocode tools? | reddit.com/r/nocode | 2021-10-08
You should check out react-admin if you don't already know. Not exactly what you are describing, but in that space. You may be on to something here... like retool, but for graphql instead of SQL.
Redefined chart library built with React and D3Project mention: Top 5 React chart libraries | dev.to | 2021-09-24
With 17k stars (and counting) on GitHub, Recharts is a redefined chart library that was built with D3 and React. One of the most popular charting libraries for React, Recharts has excellent documentation that is easy to understand as well as great project maintainers.
What are some of the best open-source React projects in TypeScript? This list will help you:
Are you hiring? Post a new remote job listing for free.