3.913
Bearbeitungen
Änderungen
Zur Navigation springen
Zur Suche springen
Zeile 18:
Zeile 18: + + + Zeile 118:
Zeile 121: + Zeile 133:
Zeile 137: + + + + Zeile 155:
Zeile 163: + + + + + + + + + + + + + + + + + + + + + + + + + + +
→Lange Listen in React
Siehe für eine Projektstruktur mit frontend-, backend- und shared-Quellcode auch
Siehe für eine Projektstruktur mit frontend-, backend- und shared-Quellcode auch
* https://blog.codecentric.de/2019/05/web-anwendungen-mit-node-express-typescript-entwickeln/
* https://blog.codecentric.de/2019/05/web-anwendungen-mit-node-express-typescript-entwickeln/
Siehe für eine Projektstruktur mit [[zustand]] und [[Next.js]]:
* https://medium.com/@itsspss/large-scale-react-zustand-nest-js-project-structure-and-best-practices-93397fb473f4
=== Alternative zu create-react-app ===
=== Alternative zu create-react-app ===
Siehe
Siehe
* [https://www.npmjs.com/package/react-window react-window], Nachfolger von react-virtualized
* [https://itnext.io/handling-large-lists-and-tables-in-react-238397854625 Lange Listen darstellen während des Ladens]
* [https://itnext.io/handling-large-lists-and-tables-in-react-238397854625 Lange Listen darstellen während des Ladens]
* [https://stackoverflow.com/questions/38033442/big-list-performance-with-react Darstellen langer Listen mit React]
* [https://stackoverflow.com/questions/38033442/big-list-performance-with-react Darstellen langer Listen mit React]
==== Rich Text Editor ====
==== Rich Text Editor ====
* [https://editorjs.io/ editor.js]
** kann auch [https://www.npmjs.com/package/@editorjs/table Tabellen]
** kann auch in [https://github.com/editor-js/awesome-editorjs?tab=readme-ov-file#react React eingebettet] werden
* [https://github.com/ianstormtaylor/slate Slate]
* [https://github.com/ianstormtaylor/slate Slate]
** https://github.com/quilljs/quill
** https://github.com/quilljs/quill
** https://github.com/zenoamaro/react-quill
** https://github.com/zenoamaro/react-quill
==== Tabellenbearbeitung ====
Komponenten zur Nutzung in React als Editor für die Bearbeitung von Tabellen ähnlich [[Excel]]:
* [https://www.ag-grid.com/react-data-grid/getting-started/ AG Grid]
* [https://github.com/TanStack/table TanStack]
* [https://github.com/handsontable/handsontable?tab=readme-ov-file Handsontable]
* Plugins für Editor.js:
** [https://github.com/codinova-tech/editorjs-table editorjs-table], keine Formeln
** [https://github.com/editor-js/table editor-js/table], keine Formeln
* [https://github.com/nick-keller/react-datasheet-grid React-Datasheet-Grid], wohl keine Formeln
* [https://github.com/dream-num/univer Univer] - muss noch geprüft werden, ob innerhalb React einsetzbar; freie Version hat [https://univer.ai/en-US/pricing Einschränkungen]
* [https://github.com/olifolkerd/tabulator?tab=readme-ov-file Tabulator]
* [https://docs.sheetjs.com/docs/demos/frontend/react SheetJS]
* [https://github.com/silevis/reactgrid ReactGrid] - wohl keine Formeln
* [https://github.com/future-architect/cheetah-grid Cheetah Grid], wohl keine Formeln
* [https://github.com/myliang/x-spreadsheet x-spreadsheet] - still maintained?
Bloße Spreadsheet-Engine ohne UI (headless):
* [https://github.com/handsontable/hyperformula HyperFormula]
Kommerziell:
* https://dhtmlx.com/docs/products/dhtmlxSpreadsheet/
** Community Edition ist verfügbar (GPL v2.0)
* [https://ej2.syncfusion.com/demos/?_gl=1*qzjtti*_gcl_au*MTI4NjYwNjc2Mi4xNzMyNjI2Mzgy*_ga*MTc2NTQwMzM5Mi4xNzMyNjI2Mzgy*_ga_41J4HFMX1J*MTczMzQxNDc2MC4yLjEuMTczMzQxNDk1OS4wLjAuMA..#/bootstrap5/spreadsheet/default.html syncFusion], mit Formeln, mit Verbinden von Zellen
==== Komponentensammlung ====
==== Komponentensammlung ====