3.829
Bearbeitungen
Änderungen
Zur Navigation springen
Zur Suche springen
Zeile 10:
Zeile 10: − Das Entwicklungsmuster von React wird durch React Native auf mobile Geräte (iOS oder Android) übertragen.+ − − Das meist verbreitete Entwicklungstool dazu ist [[Expo]]. − − Alternativen zu dieser plattformübergreifenden Entwicklung mit React Native sind − − * [https://retool.com retool] − * [https://flutter.dev/ Flutter] − ** mit [https://docs.fluxbuilder.com/ Fluxbuilder ] Zeile 107:
Zeile 99: + + + + + + + Zeile 134:
Zeile 133: + + + + Zeile 156:
Zeile 159: + + + + + + + + + + + + + + + + + + + + + + + + + + + − + + − + + + + + Zeile 179:
Zeile 214: +
→Tabellenbearbeitung
=== React Native ===
=== React Native ===
Seihe [[React Native]]
== Projektstruktur ==
== Projektstruktur ==
Siehe
Siehe
* https://recoiljs.org/
* https://recoiljs.org/
==== Jotai ====
Siehe
* https://github.com/pmndrs/jotai
== Testen von React ==
== Testen von 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 ====
* [https://www.primefaces.org/primereact/#/ PrimeReact] bietet ca. 70 UI-Komponenten.
* [https://primereact.org/ PrimeReact] bietet sehr viele UI-Komponenten.
** Das Schwesterprojekt [https://primeflex.org/ PrimeFlex] bietet CSS-Klassen.
* [https://github.com/carbon-design-system/carbon/tree/master/packages/react IBM Carbon Desgin]
* [https://github.com/carbon-design-system/carbon/tree/master/packages/react IBM Carbon Desgin]
* [https://www.radix-ui.com/themes/playground Radix] benützt zumindest JSX, ist möglicherweise React-basiert
* [https://ui.shadcn.com/ shadcn/ui] ist Radix-basiert.
* [https://react.semantic-ui.com/ Semantic UI]
** https://www.npmjs.com/package/react-semantic-ui-datepickers
* [https://fomantic-ui.com/ Fomantic-UI] - ein Open Source Fork von Semantic UI
==== Icons ====
==== Icons ====
==== Diagramme ====
==== Diagramme ====
* [https://airbnb.io/visx/gallery VisX] ist eine umfangreiche React-basierte Bibliothek, um Daten graphisch darstellen zu können.
* https://www.npmjs.com/package/react-minimal-pie-chart
* https://www.npmjs.com/package/react-minimal-pie-chart