Electron – The Introduction
It is runtime tool for building desktop HTML5 applications. It runs for Chromium Content Module and Node.js runtimes. If you have a web app developed in Ext JS, then it will work with Chromium and within Electron.
The benefit of web app built with Ext JS is that Ext JS development experts don’t need to test the application on older versions of Internet Explorer or other browsers that lack modern HTML capabilities.
Electron website offers many popular desktop applications for
Ext JS development. It comes with JavaScript APIs that allows developers to access native operating system APIs and other exciting features like native application menus, context menus, clipboard, file system and many more.
Fundamental of Electron
Electron is an amazing tool for Ext JS development. It starts with main process with one or more Render Processes. Here, the main process is important for the various stages of development of Ext JS application. The stages like starting, exiting and communication with other native operating system APIs will be taken care by Electron. Also, the Render Process is created by the main process to load the web pages and each process has its individual thread.
Ext JS and Electron – A Package Deal
This is a brilliant offering by Ext JS for JavaScript web application development. As it offers all the components necessary for building a robust and rich web application that is compatible across browsers with less effort. It avails the Ext JS development specialists to do Smart Work and use the resources optimally. It helps them package the applications built with Ext JS and provides with access to native features.
Learn Ext JS Started App to package your ExtJS Web App with Electron.
Get started here with these steps:
Step 1: Download Sencha Cmd: https://www.sencha.com/products/extjs/cmd-download/
Step 2: Create a Sencha Cmd Workspace: https://docs.sencha.com/cmd/guides/workspaces.html
Step 3: Ext JS Starter Application: Use Command
sencha -sdk /path/to/ExtSDK generate app -classic StarterApp ./starterapp
Step 4: Run the following command to build your Ext JS application for development process.
sencha app watch
And now you can use the directory to go ahead with the development process. Hopefully this read gave you the introduction to Ext JS 6 and starter application with Electron.