JSFiddle - React, Tailwind, and code Playground

by dirkk0

HTML

<link rel="stylesheet" href="http://www.sencha.com/deploy/touch/resources/css/ext-touch.css">
<script src="http://www.sencha.com/deploy/touch/ext-touch-debug.js"></script>

JavaScript

Ext.ns('demos', 'Ext.ux'); 

Ext.regModel('Contact', { 
    fields: ['firstName', 'lastName'] 
}); 

demos.ListStore = new Ext.data.Store({ 
    model: 'Contact', 
    sorters: 'firstName', 
    getGroupString : function(record) { 
        return record.get('firstName')[0]; 
    }, 
    data: [ 
        {firstName: 'Julio', lastName: 'Benesh'}, 
        {firstName: 'Julio', lastName: 'Minich'}, 
        {firstName: 'Tania', lastName: 'Ricco'}, 
        {firstName: 'Odessa', lastName: 'Steuck'}, 
        {firstName: 'Nelson', lastName: 'Raber'}, 
        {firstName: 'Tyrone', lastName: 'Scannell'}, 
        {firstName: 'Allan', lastName: 'Disbrow'}, 
        {firstName: 'Cody', lastName: 'Herrell'}, 
        {firstName: 'Julio', lastName: 'Burgoyne'}, 
        {firstName: 'Jessie', lastName: 'Boedeker'}, 
        {firstName: 'Allan', lastName: 'Leyendecker'}, 
        {firstName: 'Javier', lastName: 'Lockley'}, 
        {firstName: 'Guy', lastName: 'Reasor'}, 
        {firstName: 'Jamie', lastName: 'Brummer'}, 
        {firstName: 'Jessie', lastName: 'Casa'}, 
        {firstName: 'Marcie', lastName: 'Ricca'}, 
        {firstName: 'Gay', lastName: 'Lamoureaux'}, 
        {firstName: 'Althea', lastName: 'Sturtz'}, 
        {firstName: 'Kenya', lastName: 'Morocco'}, 
        {firstName: 'Rae', lastName: 'Pasquariello'}, 
        {firstName: 'Ted', lastName: 'Abundis'}, 
        {firstName: 'Jessie', lastName: 'Schacherer'}, 
        {firstName: 'Jamie', lastName: 'Gleaves'}, 
        {firstName: 'Hillary', lastName: 'Spiva'}, 
        {firstName: 'Elinor', lastName: 'Rockefeller'}, 
        {firstName: 'Dona', lastName: 'Clauss'}, 
        {firstName: 'Ashlee', lastName: 'Kennerly'}, 
        {firstName: 'Alana', lastName: 'Wiersma'}, 
        {firstName: 'Kelly', lastName: 'Holdman'}, 
        {firstName: 'Mathew', lastName: 'Lofthouse'}, 
        {firstName: 'Dona', lastName: 'Tatman'}, 
        {firstName: 'Clayton', lastName: 'Clear'}, 
        {firstName:...