How should I be separating my logic from my components?

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

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.
surveyjs.io
featured
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.
www.influxdata.com
featured
  • database-viewer

  • Here is example: https://github.com/romeerez/database-viewer/tree/master/frontend/src/components/Table/Selection This is a selection logic for a table, like in excel or google spreadsheets - to select rows, columns, cells with mouse Selection.tsx is working with interface, so it sets up event listeners, works with DOM. It is working with service only, without accessing the store. selection.store.ts keeps selection data structure and knows how to modify this structure. selection.service.ts doesn't know anything about DOM or events or user interface, also service doesn't care what the structure is, and it keeps all the remaining logic.

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

    SurveyJS logo
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