Introduction To Aurelia

What is Aurelia?

Aurelia is a client-side JavaScript framework. It supports ES6, ES7. It is used to transpile the data for compatible browsers.

Some of the key features are below.

ES6/ES7 transpiled support
Other than Polyfills, no external dependencies
Code is highly modularized, only use what you need
Adaptive rich two-way binding
Simple conventions
Advanced client side router via Durandeljs
jspm for package management
MVVM Architecture
Web Components

Aurelia anticipates common application needs and provides simple conventions. Aurelia 1.0 was released about two weeks ago and a lot of things have changed.

This tool has been added as support for mobile applications. We can declare Aurelia like the following.

index.html

<body aurelia-app>
<div class="splash">
<div class="information">Aurelia Navigation Skeleton</div> <i class="fa fa-spinner fa-spin"></i> </div>
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
System.import('aurelia-bootstrapper');
</script>
</body>

While Aurelia is a front-end framework targeting the software design of your application, Aurelia UX is a user experience framework dealing mostly with the UI/UX design of your application.