Blog

How to improve your Sencha code while working in large teams?

Posted on in 

Often I get questions from people on how to work efficiently with Sencha while developing in a large team environment.. This question is especially popular for people coming from the Java world, who are familiar with tooling for Java and build processes. I can tell you that it’s not much different for web projects.

This article will discuss the following concepts:

  • Source Control
  • Sencha Architect for teams
  • Editors & IDEs and configuration
  • Code analysis tools
  • Code reviews
  • Test tools
  • Build processes

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

Chrome 43 breaks Ext.menu.Menu submenus in Ext JS 4 and how to fix it.

Posted on in 

A few days ago, I mentioned Chrome 43 which breaks a couple of things in Sencha Touch 2.4. Unfortunately also Ext JS 4 developers, experienced some problems. Google Chrome version 43 breaks the Ext.menu.Menu submenus, when hovering over the items. Currently our engineers are working on a solution. As soon as it’s fixed, you will be able to download a nightly build, which you can download from our support portal.

Read More

Chrome 43 breaks Sencha Touch / modern toolkit and how to fix it.

Posted on in 

Lately, I received a couple of questions about the latest Chrome 43.x version, which breaks Sencha Touch 2.4 apps (or Ext JS 6 modern toolkit apps) due the deprecation of the overflowchanged event. It actually breaks the following classes: Ext.util.PaintMonitor and Ext.util.SizeMonitor. You will notice this bug when trying to scroll in a list component. You will see a small square in the top right corner, instead of the familiar scroll bar, and it’s impossible to scroll.

Read More

How to localize your Sencha Touch applications

Posted on in 

I live in Europe; in Europe they speak about 23 languages. In some countries it is even common to speak more than 2 or 3 languages. Especially for these countries localisation of applications and websites is very important.

So you need to come up with a strategy on how to localize all your views.
In Sencha Touch localization works a little different than in Ext JS, since there are no packages; but overall the basic idea is the same:

Read More

Make a native build with Ext JS 5, Sencha Cmd 5 and Phonegap / Cordova with plugins.

Posted on in 

With the release of Ext JS 5; we finally have Touch experience in the framework. So yes, you can start creating tablet applications. Maybe you are now wondering, can I also package Ext JS 5 apps with Apache Cordova or Adobe Phonegap, so I can sell my app in the App Stores? Well yes, you can! Here are the steps I took; for porting my app with Cordova/Phonegap.

Read More

Optimizing Your Current Ext JS Applications for Touch and Tablets

Posted on in 

Would you like your Ext JS application to support Touch and Tablet devices, but don’t know where to start?

Read More

Re-skinning Your Apps Just Got Easier with Sencha Architect 3

Posted on in 

Ever had to reskin UI components to match a visual design or brand standard? The new Themes feature in Architect 3 makes changing the look and feel of your app easier than ever.

Read More

Using Custom Fonts with Sencha Architect

Posted on in 

Back in the days when websites were restricted to typical fonts such as Arial, Georgia, Times and so on, fonts were delivered from the user’s machine. Fortunately today, because of HTML5 and CSS3, browsers support embedded web fonts.

This time, I will explain how to use custom fonts with Sencha Architect. For this tutorial, I will use one of the Sencha Touch starter apps, with the default theme. However, you can also use these tips for other Sencha Touch or Ext JS apps.

Read More

Create a TV app with Sencha Touch and Sencha Architect

Posted on in 

Often people think, Sencha Touch is a great framework to create mobile phone apps with. While that is certainly true, it’s also a great framework to create mobile apps with, as in any touch enabled device.

Think about car navigation systems, game consoles, smart watches or tv/media centers. These devices all probably run HTML5; and are great to build Sencha Touch apps for. To show you something cool this week; I will provide you all the steps, how you can create a simple media app with Sencha Touch and our visual design tool: Sencha Architect.

Read More