preact-custom-element
visx
preact-custom-element | visx | |
---|---|---|
2 | 51 | |
343 | 18,746 | |
0.9% | 0.7% | |
6.1 | 7.1 | |
7 months ago | 23 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
preact-custom-element
-
I don't miss React: a story about using the platform
I avoid using them, except when having to expose a component to a third party. Then I'd use something like https://github.com/preactjs/preact-custom-element, https://stenciljs.com/docs/custom-elements or https://github.com/solidjs/solid/tree/main/packages/solid-el....
As far as I see, there is nothing that WCs provide which isn't already solved, in a better way, both for devs and users.
And making a framework that use custom elements and shadow DOM for component-based logic and encapsulation seems like a purely philosophical approach to adhere to some vision of "platform purity".
-
Web Components 101: Framework Comparison
Preact
visx
-
React Component Libraries
Official Website: https://airbnb.io/visx/
- Show HN: Matrices – explore, visualize, and share large datasets
-
The top 11 React chart libraries for data visualization
Website: Visx GitHub Page
-
Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries
Visx is a React-based library used for constructing data visualizations. It comprises a set of reusable, low-level visualization components that merge the power of D3 for data transformation and calculations with the benefits of React for updating the DOM.
- Visx – a collection of expressive, low-level visualization primitives for React
-
What are some of the best libraries you cannot work without?
Lol we migrated away from Nivo to Visx. Nivo is pretty cool but we're big fans of Visx due to how composable it is.
-
TypeScript, VisX
You could probably use this as a starting point to anchor it - there's a CodeSandbox link (which is a bit busted due to react-spring though) and I think you may just need to change the direction to "column."
-
Any libraries out there that you recommend for charts/graphs/trees in React?
Best one for React is VISX which is built on top of D3.js.
-
Data Visualization Framework for React, Angular, Svelte, TypeScript, JavaScript
If you work in React and like this approach it's hard to go past Visx - https://airbnb.io/visx
- Airbnb Visualization Components
What are some alternatives?
dark-mode-toggle - A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
lit - Lit is a simple library for building fast, lightweight web components.
recharts - Redefined chart library built with React and D3
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
DataFormsJS - 🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites and single page applications.
ngx-charts - :bar_chart: Declarative Charting Framework for Angular
uhtml - A micro HTML/SVG render
react-vis - Data Visualization Components
eureka - Lucene-based search engine for your source code
react-chartjs-2 - React components for Chart.js, the most popular charting library