@gusmano/reext

React ReExt

React ReExt is a React component for the Sencha ExtJS Framework components.

Installation

Use the package manager npm to install ReExt.

npm install @gusmano/reext

Usage

IMPORTANT:

copy the node_modules/@gusmano/reext/ext folder to the project's public folder

import React from 'react';
import ReExt from '@gusmano/reext';

const App = () => {
  return (
		<div>
			<ReExt xtype='button'
				config={{text: 'click me'}}
				onTap={() => {
					console.log('clicked')
				}}
			/>
			<ReExt xtype='grid'
				style={{height:300}}
				config={{
					title: 'grid',
					columns: [
						{ text: 'Name', dataIndex: 'name', width: 200 },
						{ text: 'Email', dataIndex: 'email', flex: 1 },
						{ text: 'Phone', dataIndex: 'phone', width: 200 }
					],
					data: [
						{ name: 'Lisa', email: '[e-mail]', phone: '555-111-1224' },
						{ name: 'Bart', email: '[e-mail]', phone: '555-222-1234' },
						{ name: 'Homer', email: '[e-mail]', phone: '555-333-1244' },
						{ name: 'Marge', email: '[e-mail]', phone: '555-444-1254' }
					]
				}}
				onSelect={(grid, selected)=>{
					console.log(selected[0].data)
				}}
			/>
		</div>
  )
}
export default App

## License

[MIT](https://choosealicense.com/licenses/mit/)