" Hi my name is Lee.
I'm a writer an engineer a trainer and a public speaker.
I create fixes & I fix headaches...
Welcome to my dev blog."

Blog

Universal Windows Apps for Microsoft Surface Pro Hybrids / MS Edge with Ext JS 6

Posted on in 

Now that hybrid touch pc’s / tablets, like the Windows Surface Pro, got popular, I often hear people asking me, if it’s possible to create Ext JS apps for Windows tablets? Ext JS 6 has support for Windows 10. The classic toolkit supports IE8 and up, and the modern toolkit supports the Edge browser. It even contains a Windows mobile theme!

Read More

Custom UI Components with Sencha

Posted on in 

Sencha recently announced the Angular 2 and React bridges.

These are great solutions for Angular 2 or React developers, which make use of the robust Sencha components. (For what’s worth; the Angular and React frameworks don’t contain components. These are just single page app frameworks which sets up the architecture pattern.

Read More

D3 Visualizations in Ext JS 6.2

Posted on in 

What’s new in Ext JS 6.2 is the Material Design theme for the modern toolkit, row body plugin for grids (for example to create grids within grids), pinch to zoom and premium components such as the Calendar Component and Pivot Grid (both for classic and modern toolkit), Exporter plugin (export Grids and PivotGrid data to CSV, XML, HTML, or Excel format) and the new D3 wrapper component. Today, I like to talk more about this component.

Read More

Asynchronous JavaScript: Promises

Posted on in 

JavaScript is single threaded, causing code to execute from top to bottom, so two bits of code cannot run at the same time. For example, you might download a JSON file from an (external) server and you’d have to wait until you retrieve that file. Instead of blocking the thread, there are ways you can streamline this code execution by using asynchronous JavaScript.

Read More

Advanced Cmd: How to modify Sencha builds

Posted on in 

This guide, will discuss builds, and how you can modify it, with Apache Ant.

Read More

How to generate a PDF from an Ext JS app

Posted on in 

Often I get the question if it’s possible to generate a PDF from a Sencha app. Well yes that’s possible, but not with Ext JS code only. Though, Ext JS has an exporter, to export grid/pivot data into an XML or Excel file, and you can export charts to images. Out of the box we can’t generate PDFs from full Sencha apps, with the framework.

What you will need is an additional script, often these solutions are handled on the backend, but there are also solutions which can do this client-side.

Read More

How to Build a Great Looking Universal App with Ext JS – Part 2

Posted on in 

In part 1 of this series, I described what a universal app is and how it’s created in Ext JS 6. Now, I’ll show you how I built my application.

Read More

How to Build a Great Looking Universal App with Ext JS – Part 1

Posted on in 

Background

Back in 2011, I wanted to create an app. I love music, and I am a huge fan of Spotify. I love that I can listen to a huge database of songs. The only thing that always bothered me was that I had to manually search for songs. That’s fine when I’m using my laptop, but it’s not so great when I’m walking or biking, and I use Spotify on my phone. Typing on a virtual keyboard is just not fun.

So, I created a Sencha Touch app that could connect to my LastFm account (an online database that can “scrobble” and save music that you’ve listened to). My app lists all the music I like, and with one button tap, I can play the song in Spotify.

Read More

Working With Sencha App Templates: Boilerplate Ext JS 6 code.

Posted on in 

Software in a day

Maybe you have experienced this before. You meet with a client (or worse your boss ;) ), he explains what kind of application he wants, and then he asked you the big question: How long will it take?. Being realistic (and add a little more time on top of that), you say: “a month!”. “A month? It’s just an application with 3 screens. I was thinking tomorrow.” You know, software in a day.

Read More

How to integrate the ext-electron package with your own project.

Posted on in 

At SenchaCon 2016, Sencha introduced their open sourced ext-electron package. https://github.com/sencha/electron-demo. Electron is a framework (created by Github) for creating native applications with web technologies like JavaScript, HTML, and CSS.

It’s what’s Cordova/PhoneGap is for mobile. A native wrapper, a native shell/project with a browser inside that runs your app. Thus, if you can create web apps, you can create native desktop apps. You can create native apps for Linux, Windows 32 & 64bit and Mac OSX.

Read More