Data driven Web Frontends....looking at React and beyond for CRUD

This page summarizes the projects mentioned and recommended in the original post on /r/datascience

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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.

  • react-virtualized

    React components for efficiently rendering large lists and tabular data

    > 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.

  • streamlit

    Streamlit — A faster way to build and share data apps.

    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.

  • dash

    Data Apps & Dashboards for Python. No JavaScript Required.

    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.

  • vite

    Next generation frontend tooling. It's fast!

    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.

  • antd

    An enterprise-class UI design language and React UI library

    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.

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    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.

  • panel

    Panel: The powerful data exploration & web app framework for Python (by holoviz)

    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 !

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts