InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises. Learn more →
Top 23 TypeScript react-component Projects
-
In addition to front-end frameworks like React, there are CSS frameworks and component libraries that you can use to make it easier to build good-looking UIs. Bootstrap used to be very popular, but these days I'm seeing a lot of startups using newer solutions like Tailwind and Chakra. You'll find a bunch of these if you search for "CSS frameworks" or "Component Libraries" online.
-
5. React Bootstrap
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
Project mention: Ant-Design-Mobile - Essential UI blocks for building mobile web apps. | reddit.com/r/github_trends | 2022-06-10
-
Base web https://baseweb.design/ or Material UI https://mui.com/
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
Project mention: Are there any open-source software projects taking accessibility into account? | reddit.com/r/accessibility | 2022-07-05 -
Project mention: AntD vs MaterialUI? what do you prefer and why? | reddit.com/r/reactjs | 2022-08-22
- React Suite looks very nice and clean and the documentation it's pretty straight forward. Has a ton of components built in. The support is ok and the main developer it's pretty responsive on github or on library chat. The main disadvantage is that the library focuses on desktop browsers and not on mobile browsers and uses less for customization.
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
-
-
-
Project mention: Advanced enterprise localisation process with Lingui, Locize, Github Actions, Docker, React | dev.to | 2022-12-21
We choose lingui.
-
-
-
Project mention: this.setState is not a function ( trying Upload Image) ReactJs | reddit.com/r/codehunter | 2022-05-09
Reactjs Try create upload function with cropper component. But when I try set state it says that Uncaught TypeError: this.setState is not a function at FileReader.reader.onload Component import React, { Component, PropTypes } from 'react'import { Link, browserHistory } from 'react-router'import { connect } from 'react-redux'import Cropper from 'react-cropper';class HeadPortrait extends Component { constructor(props) { super(props) this.state = { image: '', } } clickadd(e) { document.getElementById('uploadfiles').click(); } loadFile(e) { e.preventDefault(); var reader = new FileReader(); reader.onload = function () { this.setState({ image: reader.result }) }; reader.readAsDataURL(e.target.files[0]); ; }; _crop() { // image in dataUrl console.log(this.refs.cropper.getCroppedCanvas().toDataURL()); } render() { return ( Add Image Save ) }}function mapStateToProps(state) { return { // stories: state.stories }}export default connect(mapStateToProps)(HeadPortrait) Trying do like in example https://github.com/roadmanfong/react-cropper/blob/master/example/src/Demo.jsx Answer link : https://codehunter.cc/a/reactjs/this-setstate-is-not-a-function-trying-upload-image-reactjs
-
react-data-table
A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
Project mention: How to select multiple rows and sub rows in React? | reddit.com/r/reactjs | 2022-05-29I have the following data that I provide to the table(react-data-table-component):
-
If you would generate some schema for it (e.g., JSON schema), you could use uniforms. Or you could create a custom schema adapter (called bridge) and also use it. I’m an author and if you’d like to know more, feel free to ask here or directly.
-
-
vscode-react-javascript-snippets
Extension for React/Javascript snippets with search supporting ES7+ and babel features
Project mention: What are good ways to speed up the small little things when developing? Like typing this `${}` or the function definition of a react component? How can I use shortcuts in VS code, or are there any other tools? Pls also tell if you solved other small problems for yourself. | reddit.com/r/reactjs | 2022-09-28I think the VScode extension ES7+ React/Redux/React-Native snippets by dsznajder does quite a lot of heavy lifting and makes life eazier. See the list of snippets https://github.com/chillios-ts/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md
-
-
-
-
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Hi! A new major version of React Awesome Reveal, an animation library for React apps for easily adding revealing effects, is now out 🚀 Give it a try!
-
react-facebook
Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-02-01.
TypeScript react-components related posts
- Best React UI frameworks to boost Productivity 🚀 🌟
- Is there an alternative way of doing this or is using Context the best practice?
- I built a social listening tool to help find leads on Reddit, Hacker News and Twitter
- Backend engineer trying to understand component libraries
- I created a free Glass theme for Chakra UI
- I am trying to make components like these but I am unable to go forward
- React Form library for dynamic forms
-
A note from our sponsor - InfluxDB
www.influxdata.com | 3 Feb 2023
Index
What are some of the best open-source react-component projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | chakra-ui | 30,982 |
| 2 | react-bootstrap | 21,436 |
| 3 | office-ui-fabric-react | 14,631 |
| 4 | antd-mobile | 10,757 |
| 5 | base web | 8,166 |
| 6 | react-spectrum | 7,917 |
| 7 | rsuite | 7,329 |
| 8 | nteract | 5,955 |
| 9 | react-leaflet | 4,434 |
| 10 | zeit-ui-react | 3,593 |
| 11 | jsLingui | 3,524 |
| 12 | reactour | 3,309 |
| 13 | DevExtreme React Grid | 1,956 |
| 14 | react-cropper | 1,771 |
| 15 | react-data-table | 1,736 |
| 16 | vazco/uniforms | 1,721 |
| 17 | mdbootstrap | 1,270 |
| 18 | vscode-react-javascript-snippets | 1,234 |
| 19 | react-insta-stories | 1,152 |
| 20 | react-inlinesvg | 1,133 |
| 21 | Graphin | 830 |
| 22 | react-awesome-reveal | 777 |
| 23 | react-facebook | 740 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com