Top 23 TypeScript ReactJS Projects
⚡️ Simple, Modular & Accessible UI Components for your React ApplicationsProject mention: Tailwind JSX and class composition | dev.to | 2021-03-03
📘 OpenAPI/Swagger-generated API Reference DocumentationProject mention: Python FastAPI, como Django pero más rápido: Tutorial | dev.to | 2021-01-19
Sí, como seguramente ya sabías, FastAPI cuenta con documentación automática usando swagger y redoc, no tienes que agregar código, ni establecer una variable para esto, sencillamente abre tu navegador y dirígete a tu localhost:8000/docs/ y localhost:8000/redoc/, respectivamente, y verás la documentación interactiva generada automáticamente.
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.
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-19
The command conflicts with collaboration tool bit.dev (13k stars on Github)
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.
⚡️The Fullstack React Framework — built on Next.jsProject mention: My Ruby on Rails stack for side projects in 2021 | dev.to | 2021-03-01
Why would you start a new side project in Ruby on Rails in 2021? Shouldn't you use something like Next.js or even Blitz? Well, I find that Ruby on Rails is still one of the most productive ways to create an application. It is safe and boring and it gets the job done.
React notification made easy 🚀 !Project mention: React-toastify v7 is live | dev.to | 2021-02-09
Repository: https://github.com/fkhadra/react-toastify Documentation: https://fkhadra.github.io/react-toastify/introduction/
🧱 A suite of React components .
Toolkit for building accessible rich web apps with React
A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!
React Context + StateProject mention: Best practice for handling parent state of unknown amount of similar child components | reddit.com/r/reactjs | 2021-02-24
However if you don't care for testing (which you should) or Storybook, then you might find something like Jotai (Recoil alternative) to help you, where you'd have an atom for the ingredient list and then derived atoms for each ingredient, but I'll be honest and say I don't have much experience with the library. I just think something like Redux would way overcomplicate it compared to sticking with React's state model. I'd rather use something like Constate then that's a small helper to make contexts with hooks.
A lightweight magic-move library for configurable layout transitionsProject mention: how to do the stripe site dropdown? | reddit.com/r/web_design | 2020-12-24
react-flip-toolkit will help you achieve this. They specifically have a demo for this too.
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
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.Project mention: Web Effect | dev.to | 2021-03-01
React Hook for managing state in URL query parameters with easy serialization.Project mention: Whatever happened to old fashioned URL query parameters? (Not a rant) | reddit.com/r/reactjs | 2021-02-26
Nothing is stopping you from storing state in the URL query string params. I do so frequently for pages containing tables where it's important to keep filtering and pagination state in sync with the URL, for example. Use this library https://github.com/pbeshai/use-query-params
Build time atomic CSS-in-JS. Baked and ready to serve.Project mention: How to Build A React TS Tailwind Design System | dev.to | 2021-02-16
I've already mentioned twin.macro, and just recently learned about Compiled CSS in JS, which apparently should work with it as well.
A community discussion platform: Brings together the main features from StackOverflow, Slack, Discourse, Reddit, and Disqus blog comments.
Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).
👋💣 physics based hooks for react-three-fiberProject mention: I finally finished my 3D portfolio, I would like some feedback! | reddit.com/r/reactjs | 2021-01-29
it's using https://github.com/pmndrs/react-three-fiber and most likely in combination with https://github.com/pmndrs/use-cannon although the latter i'm not sure but it would certainly be quite easy with it.
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
🔎 Medium.com style image zoom for React 🔍Project mention: EUCv2 - A torrent tracker frontend written in React | reddit.com/r/trackers | 2021-03-02
Credits/shoutouts: - TorrentLeech, from which I stole the design layout - https://github.com/passthestyles/stylesheets, from which I stole the pretty colors for the dark theme - https://github.com/rpearce/image-zoom - https://github.com/JiLiZART/bbob - Random StackOverflow answers, mostly cited in the comments
What are some of the best open-source ReactJS projects in TypeScript? This list will help you:
|20||Reactime 6.0: State Debugger for React||1,207|