Our great sponsors
-
appsmith
Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
You should checkout Appsmith (https://www.appsmith.com); it's an open-source project that helps build internal tools. It has a cloud and on-prem installation too. With this, you could build CRUD Apps, charts on your time-series data, build dashboards, write data queries and many more. All we need to do is connect our data source, drag and drop UI widgets and build UI.
-
> GraphQL and React seem to be really popular The combo Apollo + React works till you have less than 10K data points / 1 request. Afterwards you have to invent a ways how to a) reduce bandwidth; b) optimize performance in browser. React already has quite some ways to deal with in-browser performance, e.g. https://github.com/bvaughn/react-virtualized. As about Apollo... I have had some epic troubles with it when there are many JOINs / big payload, and ended up with Websockets in some cases and with REST in some other cases.
-
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.
-
react-admin
A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
I used this for quite some time ago https://github.com/marmelab/react-admin. It is essentially a framework where you can connect whatever components you want. Obviously, will work only for relatively simple CRUD applications.
-
Why not try plotly dash https://plotly.com/dash/ ? Or streamlit https://streamlit.io/ ? Focus on data and layout of the page. I'm about to go on a journey of building data intensive dashboard too (1+ million rows) that's what I'm planning on going with. Let me know if you find it useful or found something else.
-
Why not try plotly dash https://plotly.com/dash/ ? Or streamlit https://streamlit.io/ ? Focus on data and layout of the page. I'm about to go on a journey of building data intensive dashboard too (1+ million rows) that's what I'm planning on going with. Let me know if you find it useful or found something else.
-
Another tip I just thought of: scaffold with Vite. It's a build system that's relatively simple to operate, and it was created by the dude that made Vue.
-
I am working on something similar as you as a small hobby project (data app with django/react) and I struggled with tables a lot as well. I implemented this component library: https://ant.design/ which helped me a lot. Have a look at their table options https://ant.design/components/table/ It has quite a lot of options, although of course it could be that you want to get even more complex than this.
-
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.
-
Consider the Quasar Framework to get you off the ground and going quickly. They even have a templating page to get a boilerplate landing page and navigation panel setup very quickly.
-
A very good alternative to dash, similar to the R-shiny experience, is Panel in the holoviews ecosystem. Fully open source, strong community, you should definitely check this out !
Related posts
-
reactpy VS solara - a user suggested alternative
2 projects | 13 Oct 2023
- Building a multi-framework dashboard with Astro
- wordpress-like service on firebase
- I've updated my flight planning web app with planet textures, lighting/shadow effects, and other improvements. Use it to calculate interplanetary transfers, multiple-gravity assists, and more! (link in comments)
- Top React dashboard libraries