Organising a Webix App codebase and dynamically load content..

Hi

Is there any examples or demos that show best practise for organising Webix apps? and/or how to dynamically load Windows/Forms/Spaces from a server and initialise them?

I can think of a couple of ways, but my javascript experience is quite limited, so I’d like to learn from “best-practice”. I’m putting together an App that will have quite a few tabs, forms and windows that are dynamically generated from a database, so I’d like to split these out and only have them downloaded when they are needed.

Thanks

Hi,

There is no official way to organize the code.

Web already contains too many client side frameworks, and we do not want to create a one more. Webix can be used along with Angular or Backbone, on without any framework with RequireJS and some routing library.

From our own experience, it is quite easy to build maintainable app with help of requireJS and any routing library ( GitHub - jgallen23/routie: a tiny javascript hash router for example ). Webix UI can be split in separate blocks, each of them can be stored as separate js module. Each time when you need to render new view, you can request configuration from separate modules and call webix.ui to reconstruct visible UI.

http://webix.com/demos/admin-app/#!/app/dashboard

Thanks maksim, I was hoping you’d say something like that, requireJS will do nicely :slight_smile:

Hi maksim, is that a way to download admin-app source code?

I have sent link by private message

Hi

Could I grab a copy of the download link please :slight_smile:

Thanks

Nice example.

Can you share sources with me as well?

Thanks.

Can you PM me the link as well? :slight_smile:

Full sources are available on GitHub

Web already contains too many client side frameworks, and we do not want to create a one more

In October 2015, Webix released the Webix Jet microframework, which solves your problem. Unfortunately, it uses hashbang routing, which isn’t a good idea nowadays.

If the large majority of your front-end is built on Webix, is it still a good idea to use require.js’ async attribute?