jComponent v14

Tue Jan 16 2018 22:31:59 GMT+0100 (Central European Standard Time), Peter Širka

Reusable UI: jComponent v14

jComponent is aswesome client-side library for creating reusable JavaScript UI components. It's primary targeted for creating single page applications (SPA). New version 14 brings really great improvements.

New improvements

  • improved stability
  • improved performance
  • improved controllers and scopes
  • improved compilation

New documentation

I have created a new jComponent documentation on Total.js Wiki. It's not completed, but I'll add missing things step-by-step.

New documenation

New componentator

I have re-designed portal and now the portal supports real-time code modification of selected components like JS Fiddle. Componentator contains more than 100 jComponents and components are still growing.

New componentator

Versioning

This version brings killer feature: versioning UI components. You can define same components in different version. For more info read jComponent documentation.

Declaration:

COMPONENT('textbox', function(self, config) {
    self.make = function() {
        console.log('textbox');
    };
});

COMPONENT('textbox@1', function(self, config) {
    self.make = function() {
        console.log('textbox v1');
    };
});

COMPONENT('textbox@2', function(self, config) {
    self.make = function() {
        console.log('textbox v2');
    };
});

// Or multiple version at once
COMPONENT('textbox, textbox@1, textbox@2', function(self, config) {
    self.make = function() {
        console.log('3 versions of textbox');
    };
});

Usage:

<!-- MAIN VERSION -->
<div data-jc="textbox"></div>

<!-- VERSION 1 -->
<div data-jc="textbox@1"></div>

<!-- VERSION 2 -->
<div data-jc="textbox@2"></div>

<script>
    // Travelsing for all version
    SETTER('textbox', 'setter', 'test');

    // Travelsing for version 1
    SETTER('textbox@1', 'setter', 'test');

    // Travelsing for version 2
    SETTER('textbox@2', 'setter', 'test');
</script>

All components on CDN

I have prepared CDN with all components. So you can import components which you are really need. Components are always up-to-date and they are stored under different versions.

You can change repository to own:

// Default URL for fallback:
DEF.fallback = 'https://cdn.componentator.com/j-{0}.html';

New CDN

I have created a new CDN for jComponent and UI components registered on KeyCDN. For long term projects are prepared stable versions of components and main library:

I recommend to use specific versions:

// Sets this version for all components
DEF.version = '1';

// or you can specify version for each component like this:
VERSION('textbox@1', 'dropdown@3', 'textarea@2');

Good to know

jComponent library and www.componentator.com is a part of Total.js platform. Buy a premium account and support this great JavaScript's platform.


Tags

Follow us

Latest blogs
Total.js Code Editor v1
Fri Dec 07 2018 22:55:13 GMT+0100 (Central European Standard Time)
New release: Total.js v3.1
Fri Dec 07 2018 11:41:40 GMT+0100 (Central European Standard Time)
New CDN for Flow + Dashboard + Flowboard
Sun Nov 04 2018 09:05:03 GMT+0100 (Central European Standard Time)
OpenPlatform v3
Mon Oct 15 2018 10:11:07 GMT+0200 (Central European Summer Time)
New Single Page Application template
Fri Oct 12 2018 21:25:34 GMT+0200 (Central European Summer Time)

Latest comments
Nice tip
Mauro Junior
Thu Sep 20 2018 21:41:02 GMT+0200 (Central European Summer Time)
Not only for Total.js. You can communicate with different websocket servers.
Peter Širka
Mon Apr 23 2018 20:08:20 GMT+0200 (Central European Summer Time)
Marko: you need to create a buffer with this codepage and write byte-to-byte string. I recommend ...
Peter Širka
Mon Apr 23 2018 20:06:21 GMT+0200 (Central European Summer Time)
Is WEBSOCKETCLIENT only for internal ws connections between totaljs apps?
Stelios Stephanua
Fri Mar 16 2018 06:04:22 GMT+0100 (Central European Standard Time)
Total.js is amazing! ;)
Leonardo Hessel
Tue Dec 19 2017 19:51:15 GMT+0100 (Central European Standard Time)

Pixabay


Read more

Total.js Code Editor v1

Products: Try our real-time collaboration tool for Total Developers. Code Editor offers great features for development.

Fri Dec 07 2018 22:55:13 GMT+0100 (Central European Standard Time)
New release: Total.js v3.1

News: I have released a new version of Total.js with bug fixes and with small improvements.

Fri Dec 07 2018 11:41:40 GMT+0100 (Central European Standard Time)
New CDN for Flow + Dashboard + Flowboard

News: I have changed CDN for Flow + Dashboard + Flowboard components to KeyCDN.

Sun Nov 04 2018 09:05:03 GMT+0100 (Central European Standard Time)
OpenPlatform v3

News: I have published a new version of OpenPlatform. New, better, faster, more secure and more simpler.

Mon Oct 15 2018 10:11:07 GMT+0200 (Central European Summer Time)
New Single Page Application template

News: I have published free, beautiful and simple Total.js + jComponent SPA template under MIT license.

Fri Oct 12 2018 21:25:34 GMT+0200 (Central European Summer Time)
Flow: How to find a specific component?

Tutorials: This tutorial shows you a quick way how to find a specific component in the Flow designer.

Mon Sep 03 2018 20:21:30 GMT+0200 (Central European Summer Time)1