@francoisviljoen/unionjs v2.1.4

union.js

Unified web development

union.js is a small library that allows you to create web content using javascript objects as the primary coding element. Html and css are emitted from the structure of your javascript objects and everything is kept nicely in sync. Changes made by users are automatically reflected in your javascript objects, and changes you make to your objects are automatically reflected in html and css.

This eliminates the need for document traversal.

Take a look at one of the following samples:

Hello World

Calculator

Event Handling

Seperation of concerns

Getting started

Step by step guide

The links to the latest version of union.js are listed below:

Full Source Code

Here are a few code samples hosted on jsfiddle:

Getting Started

Working with Arrays of controls

Updating the page title from union.js

View-Model example

Version History

2.0.4 - Resolved an issue on classnames in Intellisense, and enabled inli ne methods to return DOM Classes.

2.0.5 - Body and object based property manipulation enhancements.

2.1.0 - Reworked all samples. Added support for events in arrays of objects.

2.1.1 - Resolved an issue using the Canvas Tag from union.js.

2.1.2 - Added Minified version of union.js

2.1.3 - Fixed an issue where styles did not get applied to child elements as the Array container blocker the CSS flow.

2.1.4 - Added support for constructing seperate union element classes. This is useful for defining templates that are used often.