Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/moduscreateorg/extjs-reactjs-examples

Code examples for ExtJS to React transition
https://github.com/moduscreateorg/extjs-reactjs-examples

ag-grid extjs grid instantiation javascript mixins mobx modus react reactjs recharts redux routing scaffolding tree

Last synced: 2 months ago
JSON representation

Code examples for ExtJS to React transition

Host: GitHub
URL: https://github.com/moduscreateorg/extjs-reactjs-examples
Owner: ModusCreateOrg
License: mit
Created: 2018-01-05T15:57:22.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2023-07-11T13:27:34.000Z (over 1 year ago)
Last Synced: 2024-04-14T04:01:23.001Z (10 months ago)
Topics: ag-grid, extjs, grid, instantiation, javascript, mixins, mobx, modus, react, reactjs, recharts, redux, routing, scaffolding, tree
Language: JavaScript
Homepage: https://moduscreate.com/blog/extjs_to_react_migration_to_open_source/
Size: 6.38 MB
Stars: 51
Watchers: 7
Forks: 23
Open Issues: 205
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # Ext JS -> React examples

These code examples support the Ext JS to React blog articles on the [Modus Create blog](https://moduscreate.com/blog/extjs_to_react_migration_to_open_source/).

Below is an overview of the topics covered in the series (links will be updated as the series rolls out):

 - [Intro](https://moduscreate.com/blog/extjs_to_react_migration_to_open_source/)

 - [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) *([code](./01-scaffolding))*

 - *Class System*

   - [Instantiation](https://moduscreate.com/blog/extjs-react-class-instantiation-code-style/) *([code](./02-instantiation))*

   - [Defining Classes](https://moduscreate.com/blog/ext-js-react-defining-classes/) *([code](./03-defining-classes))*

   - [Static and Config Members](https://moduscreate.com/blog/ext-js-react-static-config-members/) *([code](./04-static-and-config-members))*

   - [Mixins](https://moduscreate.com/blog/ext-js-react-mixins/) *([code](./05-mixins))*

 - *Templating*

   - [Simple Templating](https://moduscreate.com/blog/ext-js-react-simple-templating/) *([code](./06-templating))*

   - [Advanced Templating](https://moduscreate.com/blog/ext-js-react-advanced-templating/) *([code](./06-templating))*

 - [List](https://moduscreate.com/blog/ext-js-react-list/) *([code](./07-list))*

 - *Grid and Tree*

   - [Basic Grid](https://moduscreate.com/blog/ext-js-react-basic-grid/) *([code](./08-basic-grid))*

   - [Selection Model](https://moduscreate.com/blog/ext-js-react-selection-model/) *([code](./09-selection-model))*

   - [Features and Plugins](https://moduscreate.com/blog/ext-js-react-features-plugins/) *([code](./10-grid-features))*

   - [Tree](https://moduscreate.com/blog/ext-js-react-tree/) *([code](./11-tree))*

 - *Forms*

   - [Form Fields](https://moduscreate.com/blog/ext-js-react-form-fields/) *([code](./12-form-fields))*

   - [Form Validation](https://moduscreate.com/blog/ext-js-react-form-validations/) *([code](./13-form-validation))*

   - [Form Submission](https://moduscreate.com/blog/ext-js-react-form-submission/) *([code](./14-form-submission))*

 - [Layouts](https://moduscreate.com/blog/ext-js-react-layouts/) *([code](./15-layouts))*

 - [Button](https://moduscreate.com/blog/ext-js-react-button/) *([code](./16-buttons))*

 - *Containers*

   - [Toolbar](https://moduscreate.com/blog/ext-js-react-toolbar/) *([code](./17-toolbar))*

   - [Panel](https://moduscreate.com/blog/ext-js-to-react-panel/) *([code](./18-panel))*

   - [Tab Panel](https://moduscreate.com/blog/ext-js-to-react-tab-panel/) *([code](./19-tabpanel))*

   - [Carousel](https://moduscreate.com/blog/ext-js-to-react-carousel/) *([code](./20-carousel))*

 - [Floating Components](https://moduscreate.com/blog/ext-js-to-react-floating-components/) *([code](./21-floating-components))*

 - *Data Binding / Controller*

   - [Binding with React](https://moduscreate.com/blog/ext-js-to-react-binding-with-react/) *([code](./22-react-binding))*

   - [Handling Application State with Redux](https://moduscreate.com/blog/ext-js-to-react-handling-application-state-with-redux/) *([code](./23-redux-state))*

   - [Handling Application State with MobX](https://moduscreate.com/blog/ext-js-to-react-handling-application-state-with-mobx/) *([code](./24-mobx-state))*

 - Data Stores

   - [Load, Sort and Filter Data with React](https://moduscreate.com/blog/ext-js-to-react-load-sort-and-filter-data-with-react/) *([code](./25-react-data))*

   - [Handling Data with Redux](https://moduscreate.com/blog/ext-js-to-react-handling-data-with-redux/) *([code](./26-redux-data))*

   - [Handling Data with MobX](https://moduscreate.com/blog/ext-js-to-react-handling-data-with-mobx/) *([code](./27-mobx-data))*

 - [Charting](https://moduscreate.com/blog/ext-js-to-react-charting/) *([code](./28-charting))*

 - [Routing](https://moduscreate.com/blog/ext-js-to-react-routing/) *([code](./29-routing))*

 - [Application Styling](https://moduscreate.com/blog/ext-js-react-application-styling/) *([code](./30-application-styling))*

 - [Drag and Drop](https://moduscreate.com/blog/ext-js-react-drag-drop/) *([code](./31-drag-and-drop))*

 - FAQ

---

# Legal

Copyright (C) 2018 Modus Create, Inc.

Licensed under the [MIT License](LICENSE.md).