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: 3 days 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 9 years ago)
• Default Branch: master
• Last Pushed: 2018-03-08T00:28:33.000Z (over 6 years ago)
• Last Synced: 2024-04-14T17:44:29.311Z (2 months 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

Lists

• awesome-react - 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 );