PWA Journey – Day 1

Sencha

This past weekend I started my dive into developing a progressive web app (PWA) using Ext JS 6.7 and the modern toolkit. You can follow progress of development at https://awfc.aeallord.com.

Scope of this app is as a mobile platform for the American West Football Conference and inaugural member teams, Reno Express, Tri-Cities Fire, Idaho Horsemen and the Wenatchee Valley Skyhawks. Present scope is like most others we are programmers are used to, a moving target. Fortunately this is a moving target being set by myself to determine what the final result ends up being.

Currently it displays nothing more than the team schedule and roster and a league schedule with standings.

The concept came while working at my hobby. After all, all programmers have time for a hobby outside of programming. Though most who aren’t programmers cannot understand where we find the additional time.

My hobby is photography. Here you will find I am the team photographer for the Tri-Cities Fire.

At the last home game I was walking from one location to another. My wife was working the customer service desk, her first time and my second game. We both heard continual “complaints” from spectators stating their displeasure in not having a game program. This triggered the decision to create an electronic program for game fans/spectators.

The decision was made to use Ext JS and the built in power of using the framework to develop the PWA. Development will implement Sencha CMD and adding to the app.json file required information so when I build the application Sencha CMD will create the required manifest and service worker.

This series of posts will include how to implement push notifications in code being automatically generated using CMD. At the early state of development I’ve not looked into adding push notifications and I’ve not found anything in the Sencha documentation explaining how to include this feature with the build process. Finding this solution is critical in development of a PWA as push notifications is another place users will be expecting in order to take full trust in any PWA being equal to native apps.

So join me on my journey into a deeper dive of Sencha Ext JS development. The process will document many things not currently documented and difficult to find when searching for answers.

Another purpose of writing a series of posts is coming from a question asked on Sencha’s forums. The user was asking for links to active bloggers on the Ext JS framework.

As Sencha is currently growing their network of MVP’s; of which I am one, blogs are starting to become more active as one requirement of being a Sencha MVP is blogging about the product and how to use it. Being one, I am still working on my schedule to get a post out bi-weekly to help others. What better way than to blog about an actual project, one that is even a PWA as we developers move into the mobile world at a must quicker pace than ever before.

So join me as I dive right in and tackle a PWA using Sencha Ext JS. I’m sure it will be a learning experience for all of us and we will push the envelope of the framework to get ourselves the capability to use Ext JS to the fullest extent.

Author: aallord

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.