We have released a new version of Flow. This version brings great new features and UI improvements.
Total.js Flow v6
Today is a big day for Total.js Flow. Flow v6
is now released as a new version and it brings great new features and improvements.
Improved UI
We have improved UI a lot. It contains a new version of jComponent - v17 or Font-Awesome 5 Free. We have improved performance in designer by removing shadows. Tabs can be scrolled on mobile devices or smaller desktop screens (but a mouse with horizontal scrolling wheel is needed).
Better updates of components
We have updated the list of components on CDN. Now each component contains its version, so updating of Flow components will be much faster. We have updated UI for components section too.
Added templates
Templates are something new and in other words: Templates are predefined Flows (exported to JSON + saved on our CDN). Now it's very easy to start with Total.js Flow.
Exporting/Importing
Flow Importing/Exporting supports JSON
format (by default). Exporting contains one big feature called note
, you can type a note in markdown
format.
Improved designer
Martin Smola improved designer by adding mouse multi-select. Just press ctrl
(Windows/Linux) or cmd
(MacOS) and mouse, then you can select multiple components at once. The image below describes more:
Internal improvements
Updated Flow config
IMPORTANT: templates
field must contain link to list of components
templates
field contains a link to list of templatestemplates2
field can contain your link to your custom list of templatescomponents
field contains a link to list of componentscomponents2
field can contain your link to your custom list of templatesurl
field can contain a link to external Flow (yes you can connect to another Flow instance)type
field can affect Flow's behaviour, read below
Behaviour type:
This new option called type
can affect internal behaviour of flow.package
. It can contain one of these values: bundle
(default), server
(frontend won't be used), client
(backend won't be used) but you need a specific url
address for connecting to an external Flow backend.
Variables
Now variables
are stored in independent file called variables.txt
. So designer.json
will contain only Flow schema without variables. It was a missing feature for relasing Flow from development to production environment.
Flow reloading
This version of Flow contains a new method FLOW.reload()
which can reload designer.json
and variables.txt
file dynamically without restarting. FLOW.reload()
can be called from code
component or directly in the app.
Other posts from Total.js Platform
- 2024-11-13Benchmarking Node.js Frameworks: selecting your framework for 2025!
- 2024-11-01October report 2024
- 2024-10-22Performance Testing: Total.js vs. NestJS
- 2024-10-01September report 2024
- 2024-09-27Total.js UI Builder: #2 designing your first interface
- 2024-09-26Total.js V5: Middlewares
- 2024-09-23Beginner Guide to Total.js UI: # 05 Client-side routing
- 2024-09-23Total.js UI #4: Data Binding (Part 2 – Practical Example)
- 2024-09-20Introduction to Total.js UI Builder: A Beginner’s Guide
- 2024-09-13Total.js v5: #06 Understanding File Routing