By WalkingTree   October 09, 2020

Sencha Ext JS is a JavaScript application framework for building interactive cross-platform web and mobile applications for any modern device. It can be used as a simple component framework, and also as a full framework for building single-page applications.

Building an Ext JS application is simple and straightforward. With only 3 simple steps you can get started with it. 

1.Install node.js

The first step is to check whether you have node.js installed in your system. You can do this by running the node -v command in your terminal window. If you don’t have it installed, you can download it at nodejs.org.

2.Install the Ext-Gen package

After installing node.js, you can start installing the Ext-Gen package.

For active users, Sencha’s private npm hosts Ext JS and all related commercial packages. You can log in to the registry by using the following command:

• $ npm login –registry=https://npm.sencha.com/ –scope=@sencha

And install the Ext JS version using:

• npm install -g @sencha/ext-gen

For trial users, Ext JS 30-day free trial packages are available to install from public npm. Use the above-mentioned command to install it.

Note – Ext-Gen is a CLI tool that is required to generate an Ext JS application.

3.Generate the Application

To generate a new Ext JS project, run the following command:

• ext-gen app -a -t moderndesktop -n ModernApp

The project generated is a simple two-view application with a home page and grid. You can use the >npm start command to explore your project.

This video will give you more information on Ext Js and also a demo on how to get started with it.