https://github.com/VoliJS/NestedReact
BackboneJS compatibility layer for React-MVx MVVM framework.
https://github.com/VoliJS/NestedReact
backbone data-binding nested-models nestedtypes react react-links state-management unidirectional-data-flow
Last synced: about 1 month ago
JSON representation
BackboneJS compatibility layer for React-MVx MVVM framework.
- Host: GitHub
- URL: https://github.com/VoliJS/NestedReact
- Owner: VoliJS
- Created: 2015-07-07T10:04:37.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2018-03-08T00:28:33.000Z (about 7 years ago)
- Last Synced: 2024-04-14T17:44:29.311Z (about 1 year ago)
- Topics: backbone, data-binding, nested-models, nestedtypes, react, react-links, state-management, unidirectional-data-flow
- Language: TypeScript
- Homepage: https://volicon.github.io/React-MVx
- Size: 5.52 MB
- Stars: 79
- Watchers: 9
- Forks: 5
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-react-cn - NestedReact - transparent integration with Backbone Views and NestedTypes models (Uncategorized / Uncategorized)
README
# Important notice
NestedReact is the BackboneJS compatibility layer for [React-MVx](https://volicon.github.io/React-MVx/) - modern React MVVM application framework. It will be maintained as long as Verizon/Volicon systems will depend in the legacy technologies - BackboneJS Views and jQuery.
If you don't need to reuse BackboneJS Views in your React application - please, switch to [ReactMVx](https://volicon.github.io/React-MVx/).
NestedReact documentation won't be updated. Use React-MVx docs as your primary source of docs.
# Features
Feature list consists of all the features of React-MVx v2.x, plus this:
- Gradual transition procedure for backbone applications ([Backbone Migration Guide](/docs/05_Migration_from_Backbone.md)):
- Complete interoperation with existing Backbone Views allowing you to reuse existing code and avoid upfront application rewrite.
- Any type of application refactoring strategy is possible - top-to-bottom, bottom-to-top, and random parts at the middle.
- Support for Backbone events and jQuery accessors in React components simplifies View refactoring.
## [Documentation](https://volicon.github.io/React-MVx/)
Please, use React-MVx documentation as a primary source of documentation and examples.
## Installation and Requirements
It's packed as single UMD, thus grab the module or use `npm` to install.
It has [NestedTypes model framework](http://volicon.github.io/NestedTypes/), `react`, `react-dom`, `prop-types`, `jquery`, and `underscore` as strong dependencies.
npm install --save-dev nestedreact nestedtypes underscore jquery react react-dom prop-types
Module extends React namespace (without modifying original React), and its
safe to use it as a replacement for `react`.
import React from 'nestedreact'
If you're migrating from backbone-based frameworks such as `ChaplinJS` or `Marionette`,
you need to do following things to make convergence layer work properly:
- Make sure that frameworks includes `nestedtypes` instead of `backbone`.
- On application start, tell `nestedreact` to use proper base class for the View.
React.useView( Chaplin.View );