Socket
Socket
Sign inDemoInstall

react-rx

Package Overview
Dependencies
Maintainers
1
Versions
39
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-rx - npm Package Compare versions

Comparing version 0.20.5 to 0.21.0

dist/cycle-react.js

12

package.json
{
"name": "react-rx",
"version": "0.20.5",
"version": "0.21.0",
"author": {

@@ -10,7 +10,7 @@ "name": "pH200",

"license": "MIT",
"homepage": "https://github.com/pH200/react-rx",
"bugs": "https://github.com/pH200/react-rx/issues",
"homepage": "https://github.com/pH200/cycle-react",
"bugs": "https://github.com/pH200/cycle-react/issues",
"repository": {
"type": "git",
"url": "https://github.com/pH200/react-rx"
"url": "https://github.com/pH200/cycle-react"
},

@@ -56,4 +56,4 @@ "keywords": [

"travis-test": "npm run jshint && npm run jscs && npm run test-node",
"browserify": "browserify src/cycle.js --standalone ReactRx -o dist/react-rx.js",
"uglify": "uglifyjs dist/react-rx.js -o dist/react-rx.min.js",
"browserify": "browserify src/cycle.js --standalone Cycle -o dist/cycle-react.js",
"uglify": "uglifyjs dist/cycle-react.js -o dist/cycle-react.min.js",
"dist": "mkdir -p dist && npm run browserify && npm run uglify",

@@ -60,0 +60,0 @@ "docs": "node ./scripts/make-api-docs.js",

@@ -1,3 +0,7 @@

# react-rx
# RENAMED
**react-rx** is now [cycle-react](https://github.com/pH200/cycle-react)
# cycle-react
An [RxJS Observable](https://github.com/Reactive-Extensions/RxJS) interface

@@ -10,6 +14,6 @@ to [Facebook's React](http://facebook.github.io/react/).

react-rx is a fork of Cycle.js. Cycle.js is an awesome framework with
remarkable concepts built-in. The only difference between Cycle.js and react-rx
cycle-react is a fork of Cycle.js. Cycle.js is an awesome framework with
remarkable concepts built-in. The only difference between Cycle.js and cycle-react
is Cycle.js rendering [virtual-dom](https://github.com/Matt-Esch/virtual-dom)
while react-rx rendering React elements.
while cycle-react rendering React elements.

@@ -19,3 +23,3 @@ ## Installing

```
npm install react-rx
npm install cycle-react
```

@@ -26,4 +30,4 @@

```js
var ReactRx = require('react-rx');
var h = ReactRx.h;
var Cycle = require('cycle-react');
var h = Cycle.h;

@@ -46,3 +50,3 @@ function computer(interactions) {

ReactRx.applyToDOM('.js-container', computer);
Cycle.applyToDOM('.js-container', computer);
```

@@ -53,10 +57,10 @@

```js
var ReactRx = require('react-rx');
var React = ReactRx.React;
var Rx = ReactRx.Rx;
var h = ReactRx.h;
var Cycle = require('cycle-react');
var React = Cycle.React;
var Rx = Cycle.Rx;
var h = Cycle.h;
// "createReactClass" returns native react class which can be used normally
// by "React.createElement" and "ReactRx.applyToDOM".
var CounterText = ReactRx.createReactClass('CounterText',
// by "React.createElement" and "Cycle.applyToDOM".
var CounterText = Cycle.createReactClass('CounterText',
function (interactions, props$) {

@@ -69,3 +73,3 @@ return props$.get('counter').map(function (counter) {

var Timer = ReactRx.createReactClass('Timer', function () {
var Timer = Cycle.createReactClass('Timer', function () {
return Rx.Observable.interval(1000).map(function (i) {

@@ -76,3 +80,3 @@ return h(CounterText, {counter: i});

ReactRx.applyToDOM('.js-container', Timer);
Cycle.applyToDOM('.js-container', Timer);
// or

@@ -79,0 +83,0 @@ // React.render(

@@ -63,3 +63,4 @@ 'use strict';

console.warn(
eventName + ' event has dispatched after the has been distroyed'
eventName +
' event dispatched after the element has been destroyed'
);

@@ -66,0 +67,0 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc