Our great sponsors
-
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.
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
You didn't list it above, but you will need a state management library to effectively share data among your different components - React's state functions are decent, but things can get complicated quickly. I recommend zustand, but alternatives include Redux Tool Kit, Jotai, and Recoil (among others of course).
For the quickest setup, you could use websockets directly - that would be perfectly fine. Even better is sockets.io
You didn't list it above, but you will need a state management library to effectively share data among your different components - React's state functions are decent, but things can get complicated quickly. I recommend zustand, but alternatives include Redux Tool Kit, Jotai, and Recoil (among others of course).
For the visual appearance, Chart JS is nice, but if choose to go with React as your front-end framework of choice (which is a solid choice) - you may want to consider nivo or recharts instead - they have relatively low learning curves.
You didn't list it above, but you will need a state management library to effectively share data among your different components - React's state functions are decent, but things can get complicated quickly. I recommend zustand, but alternatives include Redux Tool Kit, Jotai, and Recoil (among others of course).
Given your timeframe, I'd probably avoid GraphQL entirely - there is quite a learning curve, and the benefit for what you are doing will be minimal (GraphQL is amazing, just not for your use case). You could go with grpc, or trpc - though this one is still in early beta.