How to use the createFactory function from react

TextBG.js

GitHub: flowhub/the-graph

-2

183

987

49

README.md?plain=1

GitHub: magalhas/backbone-react-component

136
137
138
139
140
141
142
143
144
145
      </div>
    );
  }
});

var MyFactory = React.createFactory(MyComponent);

var newComponent = MyFactory({
  model: {
    firstModel: new Backbone.Model({helloWorld: 'Hello world!'}),

73

815

23

+ 3 other calls in file

README.md?plain=1

GitHub: Izzimach/react-pixi

78
79
80
81
82
83
84
85
86
87

// set assetspath to point to your image files
var assetpath = function(filename) { return '../assets/' + filename; };

var Sprite = React.createFactory(ReactPIXI.Sprite);
var DisplayObjectContainer = React.createFactory(ReactPIXI.DisplayObjectContainer);

var CupcakeComponent = React.createClass({
  displayName: 'CupcakeComponent',
  // maps from cupcake toppings to the appropriate sprite

73

741

27

+ 3 other calls in file

readme.md?plain=1

GitHub: stayradiated/react-ranger

7
8
9
10
11
12
13
14
15
16

## Usage

```javascript
var React = require('react');
var Ranger = React.createFactory(require('ranger'));

var files = Ranger.parseList([
    'code/test.txt',
    'code/makefile',

1

22

4

app.js

GitHub: a11yproject/colorable

0
1
2
3
4
5
6
7
8
9
// App

var React = require('react');
var data = require('./data');

var App = React.createFactory(require('./components/app.jsx'));

React.render(
  App(data),
  document.getElementById('app')

127

12

11

browser.js

GitHub: mhart/react-server-routing-example

-3

47

299

0

wind.js

GitHub: delfrrr/weather-app-react-native

6
7
8
9
10
11
12
13
14
15

let React = require('react');
let View = React.createFactory(require('react-native').View);
let Animated = require('react-native').Animated;
let AnimatedView = React.createFactory(Animated.View);
let Svg = React.createFactory(require('react-native-svg').Svg);
let Circle = React.createFactory(require('react-native-svg').Circle);
let Path = React.createFactory(require('react-native-svg').Path);
let G = React.createFactory(require('react-native-svg').G);
const beaufort = require('../lib/beaufort');

24

178

6

+ 11 other calls in file

server.js

GitHub: yahoo/fluxible

9
10
11
12
13
14
15
16
17
18
const csrf = require('csurf');
const React = require('react');
const ReactDOM = require('react-dom/server');
const app = require('./app');
const showTodos = require('./actions/showTodos');
const HtmlComponent = React.createFactory(require('./components/Html'));
const { createElementWithContext } = require('fluxible-addons-react');

const server = express();
server.set('state namespace', 'App');

232

0

66

LazyImage.js

GitHub: jlongster/blog

-2

84

0

27

+ 3 other calls in file