FrEDA

FrEDA

  • Docs
  • Tutorial
  • Demo

›Frontend

Präambel

  • Architektur
  • MonoRepo Struktur

External

  • PostgreSQL / Postgraphile
  • GraphiQL

Backend

  • GraphQL Server
  • GraphQL-Modules
  • TypeGraphQL
  • GraphQL-Playground
  • Besonderheiten
  • REST-Endpoints

Frontend

  • FrEDA ReactJS-Basics
  • Common Frontend-Library
  • CLI-Tools

Deploy

  • Deployment

Roadmap

  • geplante Weiterentwicklung

CLI-Tools

CLI (Command-Line-Interface): ermöglicht schnelleres Entwickeln über das Terminal/Bash und stößt Programmfunktionen an.

GraphQL-Codegen

erstellt typensichere Hooks anhand vorhander GraphQL-Query / -Mutations / -Subscriptions in einer App:

cd frontend/freda-app
yarn gen

danach kann eine bspw. useQueryXYZ-Hook verwendet werden um Daten abzurufen.

Dieser Schritt ist immer zwingend notwendig, nachdem neue GraphQL-Queries in den Code geschrieben wurde. Das Codegen-File ist so konfiguriert, dass es automatisch alle GraphQL-Queries in der App erkennt und darauf ReactJs -Hook genriert, welches ein typensicheres Object mit den abgefagten Daten und Loading-States uvm zurückliefert.

scaffold app (@todo/idea)

Idee ist, ein eigenes CLi-Script zu schreiben, welches ein App-Boilerplate erstellt, um schnellstmöglichst weitere neue Apps wie die bestehnde freda-app oder freda-adminui zu erstellen.

freda create-app myNewAppName

Achtung: Dieses Feature ist nicht implentiert und nur eine Idee

scaffold module (@todo/idea)

Idee ist, ein eigenes CLi-Script zu schreiben, welches ein Module-Boilerplate erstellt, um schnellstmöglichst weitere neue Module wie die bestehnden Wareneingang oder Lieferscheine zu erstellen.

freda create-module myNewAppModule --withGraphQLMutation signIn

Die option withGraphQLMutation ist eine zustzliche Idee, um vom Typ aus automatisch ein Formular zu erstellen . Ähnliche Ansätze gibt es bereits, z.B. mit den Frameworks:

  • https://github.com/wittydeveloper/react-apollo-form
  • https://

Achtung: Dieses Feature ist nicht implentiert und nur eine Idee

← Common Frontend-LibraryDeployment →
  • GraphQL-Codegen
  • scaffold app (@todo/idea)
  • scaffold module (@todo/idea)
FrEDA
Docs
Getting StartedFrontendBackendFrEDA Users
Tutorial
RequirementsSetup DevelopmentQuick run
Mehr
Prodat-SQLHochschule MittweidaDEVTIM IT Softwareentwicklung
Facebook Open Source
Copyright © 2021 Prodat-SQL. Built with ❤ and Docusaurus.