Top 23 TypeScript ReactJS Projects
⚡️ 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.
📘 OpenAPI/Swagger-generated API Reference DocumentationProject mention: Keeping Documentation Debt At Bay & Clients Happy | dev.to | 2021-09-09
This library allowed us to write the API documentation in-place throughout the route definitions, and drf-yasg would render documentation in either the form of an OpenAPI schema or as an interactive Redoc/Swagger UI web page. This meant that we were generating documentation from our code and there was no extra developer steps to change documentation if a feature or route changed.
A tool for component-driven application development.Project mention: Documentation techniques in FE | reddit.com/r/Frontend | 2021-10-15
Bit is a development platform/styleguide/package mono-repo in one system.
Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.
React notification made easy 🚀 !Project mention: Toast Notification for React Apps | dev.to | 2021-10-04
🧱 A suite of React components .Project mention: 20 Awesome React Component libraries to try in 2021 | dev.to | 2021-09-10
website: React Suit
Scout APM: A developer's best friend. Try free for 14-days. 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.
Toolkit for building accessible rich web apps with ReactProject mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23
reakit - Toolkit for building accessible rich web apps with React
SigNoz helps developers monitor their applications & troubleshoot problems, an open-source alternative to DataDog, NewRelic, etc. 🔥 🖥. 👉 Open source Application Performance Monitoring (APM) & Observability toolProject mention: DataDog vs CloudWatch - Which tool to choose? | dev.to | 2021-10-18
And that's where SigNoz comes into the picture - an open-source APM tool.
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!Project mention: 5 Awesome sites for every Front-end Developers | dev.to | 2021-10-05
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.Project mention: React | Write a unit test for custom hooks in ten minutes | dev.to | 2021-10-04
When you installed and we can start to write unit tests! There are two methods we need to know in react-hooks-testing-library. The first is renderHook, the second is act:
React Context + StateProject mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23
constate - React Context + State
💥 Yarn v2 based monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.Project mention: GraphQL API and Relay Starter Kit | reddit.com/r/react | 2021-09-26
A lightweight magic-move library for configurable layout transitionsProject mention: Reactive Clojure: You don't need a web framework, you need a web language | reddit.com/r/Clojure | 2021-09-23
My point is that there are already many libraries out there. With styling, input events and so on. For example, I use Blueprintjs in many current projects, which provides a large set of widgets/components. One of these is a spreadsheet-like table component with sorting, editing, reordering and more. I also use react-grid-layout for card widgets that you can drag and resize and react-flip-toolkit for animation, among other things. There is a huge React ecosystem out there and duplicating all of that would take far, far too long.
The Sanity Studio – Collaborate in real-time on structured contentProject mention: If you were starting a new SaaS, what would you include in your tech stack? | reddit.com/r/SaaS | 2021-10-04
Tourist Guide into your React ComponentsProject mention: React tools for in-app tutorials? | reddit.com/r/reactjs | 2021-10-16
Never used it but this seems pretty popular https://github.com/elrumordelaluz/reactour
The easiest way to translate your NextJs apps.Project mention: next.js: i18n with static sites | dev.to | 2021-09-23
To complement this, next-i18next (....) fully supporting SSG/SSR, multiple namespaces, codesplitting, etc. Production ready: next-i18next supports passing translations and configuration options into pages as props with SSG/SSR support. https://github.com/isaachinman/next-i18next/
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
Free and open fair-code licensed all-in-one growth marketing & management software
👋💣 physics based hooks for @react-three/fiberProject mention: About gamedev in JS / ThreeJS | reddit.com/r/threejs | 2021-10-01
What are some of the best open-source ReactJS projects in TypeScript? This list will help you:
Are you hiring? Post a new remote job listing for free.