SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 TypeScript react-component Projects
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
react-data-table
A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
-
vscode-react-javascript-snippets
Extension for React/Javascript snippets with search supporting ES7+ and babel features
-
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Ask HN: Is there a react test framework that works? | news.ycombinator.com | 2024-05-24> [0, 1, 2, -1, 10, 11, 12, 13, 14, -1, 26, 27, 28]
What is that supposed to represent in terms of pagination? Are they cursors...?
> I didn't think the code that generated the HTML from that was really worth testing because it was so superficial.
For what it's worth (as a frontend person), pagination is traditionally one of the trickier things for us to make sure is working correctly. Off-by-one mistakes can happen for example (especially with zero-indexed items). Or sometimes the prev/next buttons don't correctly use the same math as the page 1, 2, 3, etc. buttons. It gets even harder if you don't know the total length in the beginning, or if you allow multiple page sizes or sorts/filters, or use lazy loading, etc.
For those reasons I try to use a ready-built lib like MUI where all that is already tested internally (like https://github.com/mui/material-ui/blob/next/packages/mui-ma... or https://github.com/mui/material-ui/blob/next/packages/mui-ba...), but we still add our own automated and manual tests in our own usages.
But then again I'm bad at math and division, lol, so maybe it's just my own weakness.
Project mention: Top 23 React UI Component Libraries for Your Next Projectπ | dev.to | 2024-05-303. React Bootstrap
Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
π Site β GitHub
Project mention: Create a Simple React.js Workflow App From Scratch β Your Ultimate Guide ! | dev.to | 2024-05-20Now open your browser at http://localhost:3000 (in your case address may be different) and you will see an example React application. Let's start hack it. First we will add a navigation bar to our application. We will use React Suite library.
Project mention: 33 React Libraries Every React Developer Should Have In Their Arsenal | dev.to | 2024-01-0730.react-leaflet
Project mention: How Do I Style A SVG That Is In A React Component, Using CSS? | /r/reactjs | 2023-08-13https://www.npmjs.com/package/react-inlinesvg demo: https://codesandbox.io/s/github/gilbarbara/react-inlinesvg/tree/main/demo
Project mention: [Hiring] (Online) Developer that has used a Saas Boilerplate | /r/forhire | 2023-10-27
TypeScript react-components related posts
-
Adobe React Spectrum Libraries
-
Show HN: Brutalisthackernews.com β A HN reader inspired by brutalist web design
-
Show HN: Added Shadcn UI components to my neobrutalism component collection
-
33 React Libraries Every React Developer Should Have In Their Arsenal
-
How would you name this design with boxes and lines? Looking for similar inspiration.
-
Show HN: React and Tailwind CSS UI Components
-
Fluent UI React Components v9
-
A note from our sponsor - SaaSHub
www.saashub.com | 1 Jun 2024
Index
What are some of the best open-source react-component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Material UI | 92,008 |
2 | react-bootstrap | 22,234 |
3 | office-ui-fabric-react | 17,830 |
4 | tremor | 15,458 |
5 | react-spectrum | 11,949 |
6 | antd-mobile | 11,458 |
7 | base web | 8,644 |
8 | rsuite | 8,184 |
9 | nteract | 6,161 |
10 | react-leaflet | 4,974 |
11 | jsLingui | 4,253 |
12 | zeit-ui-react | 4,239 |
13 | reactour | 3,745 |
14 | DevExtreme React Grid | 2,061 |
15 | react-data-table | 2,003 |
16 | react-cropper | 1,991 |
17 | vazco/uniforms | 1,917 |
18 | vscode-react-javascript-snippets | 1,684 |
19 | mdbootstrap | 1,407 |
20 | react-insta-stories | 1,312 |
21 | react-inlinesvg | 1,254 |
22 | saas-ui | 1,194 |
23 | react-awesome-reveal | 1,075 |
Sponsored