App Routing – Code Snippets Generator [BETA]

Description

App Routing is in the core of every application – Web and Mobile, so – I’ve started development of product that Generates Code Snippets for Definitions and Transitions between screens.

Family Tree App

The test application that I’m using as a starting point is Family Tree app. It will embed the same visualizing at some point – meaning https://pub.dev/packages/graphview. In version one it will contain 4 screens – loading, login and setup, home and edit.

The App Routing – Code Snippets Generator [BETA] Application contains the same default – card coded – login as several of my other Vaadin Applications.

Application List

Any list of screen needs to be grouped and bound to an app. This allows you to create multiple applications and multiple navigations.

Page Routes

Each App contains list of Page Routes. Each Page Route could contain a list of Route Parameters and links between Rotues (Many to Many). This is because there are many cases to one screen it may be transitioned from multiple sources

• Home – from Loading or Login
• Details – from Dashboard ot (Specialized) Items List

Links Beetween Screens

Linkes between Screens are the records that define the possible transitions beetween routes or screens.

Generate App Navigation Code

From the Application List you could navigate to this Generate Code Screen. It is will probably be in main benefit after all the information setup.

Basic HTML Pages

This option give minimal HTML code with links to the other routes.

Vaadin Components with Route Annotation

The second option is to receive minimal code of Vaadin Components with Route Annotations.

I gave experience with Flutter so – it makes total sense to make this tool generate Flutter Code.

Flutter Build-in Navigation

The first Flutter option is – to get Flutter Nagivation Code – that works the build-in in Flutter. You will not need no dependency with it.

Flutter Go Router

The second Flutter Option is to get Go Route Definitions.

There are some more details to get polished – but, I’ve got the minimal functionaly working. If you want to get more options as code navigation generation – just ping me.

The package contains a Spring Boot – Vaadin App – that uses H2 Database. You could read more on this side on my blog: https://programtom.com/dev/?s=vaadin