A boilerplate project showing how to integrate React and Ext JS using the classic toolkit.

Usage no npm install needed!

<script type="module">
  import senchaExtReactClassicBoilerplate from 'https://cdn.skypack.dev/@sencha/ext-react-classic-boilerplate';


ExtReact Classic Boilerplate

A foundation for React apps that use the Ext JS modern toolkit.


  • Ext JS 6.6+

Quick Start

If you haven't already, download Ext JS 6.6+.

Then, run the following to clone and build the project:

git clone https://github.com/sencha/ext-react.git
cd ext-react/packages/ext-react-classic-boilerplate
npm install

Then run:

npm start

This will start the app and open it in a browser window. By default it tries to find an open port starting with 1962. You can override the default port by providing --env.port=(port) as a command line argument.

For example to use port 1963:

npm start -- --env.port=1963

You can also run and serve a production build using:

npm run build
npm run prod