Aurelia Store and Immer

Posted on 2020-08-09 in Aurelia • Tagged with JavaScript, TypeScript, Aurelia, RxJS

I spoke last year of Aurelia store in this article At the time, it wasn't possible to combine Aurelia Store and Immer. The root cause of the issue was fixed in the latest version of Immer (7.0), so we can now combine both.

Let's study how to do this …


Continue reading

Switching from Aurelia CLI to Webpack

Posted on 2020-07-04 in Aurelia • Tagged with JavaScript, Aurelia, Webpack

Recently I decided to change the build system I use on my main Aurelia project. I changed in April 2016 from JSPM to Webpack (JSPM was really not awesome at the time, I can't say for now), again in August 2016 from Webpack to the CLI and now I am …


Continue reading

Writing a PWA with Aurelia

Posted on 2019-09-01 in Aurelia • Tagged with JavaScript, TypeScript, Aurelia, Mobile, PWA

I feel like Progressive Web Application (PWA for short) are a more and more popular way to build mobile apps. That's understandable since you can use the same technology you use to build a SPA to build one! So you …


Continue reading

Some thoughts on Aurelia Store

Posted on 2019-08-24 in Aurelia • Tagged with JavaScript, TypeScript, Aurelia, RxJS

On my spare time, I am developing a board game that uses the Aurelia framework. I currently manage the state in a service without any dedicated state management solutions (like RxJS, Aurelia store, Redux, …). And I feel I am reaching to the limit of what I can do with it …


Continue reading

Issues while writing tests for a component using i18n

Posted on 2019-08-04 in Aurelia • Tagged with JavaScript, TypeScript, Aurelia, i18N

Some time ago, I wanted to add some tests (behavior and render) on an Aurelia component that uses the i18n plugin and more precisely the df attribute in the view to display a localized date.

Since it was a while back (I wanted to write it earlier but couldn't), my …


Continue reading

Extract translations from your Aurelia app

Posted on 2019-08-03 in Aurelia • Tagged with JavaScript, TypeScript, Aurelia, i18N

If you use Aurelia with the i18n plugin, you will have to maintain JSON files that will map a translation key to an actual translation. Manually editing the file to add/remove keys can be tedious.

Luckily, keys can be extracted automatically thanks to i18next-scanner. It can extract translation keys …


Continue reading

Integrate Rollbar with Aurelia

Posted on 2017-08-19 in Aurelia • Tagged with aurelia, rollbar

I recently integrated Rollbar (a service to Detect, diagnose and debug errors with ease) into an Aurelia application. I explain here how I did it. I start by explaining how logging works with Aurelia and then how I integrated Rollbar into this.


Continue reading

A sample application with Aurelia UX

Posted on 2017-08-14 in Aurelia • Tagged with ionic2, angular2, aurelia, framework7, android, mobile

This is a follow up to my Small comparison of ionic2 and Aurelia + Framework7 for hybrid mobile applications article where I compared ionic2 and Aurelia with Framework 7 for building an hybrid applications. At the time, Aurelia UX was not yet ready (and we were expecting a different, closed source …


Continue reading

Form validation with Aurelia

Posted on 2017-01-24 in Aurelia • Tagged with aurelia, android, mobile

Note

Update from 2017-01-25: after new exchanges with Doug Kent I was able to improve my workaround to disable the submission of the form until it is valid. See the Disable the submission until the form is valid section for the code.

I promised some months ago that I will …


Continue reading

Make navigation user friendly on your Aurelia SPA

Posted on 2016-08-28 in Aurelia • Tagged with aurelia, font awesome

Add a spinner

  1. Add the font awesome files to your project (CSS and fonts files).

  2. Import the font awesome style sheet in your index.html

    <link rel="stylesheet" href="/assets/fonts/fontawesome/font-awesome …

Continue reading