Alex Weiksnar aweiksnar

Reposted from Qiita

For almost a year now, I've been using this "flux" architecture to organize my React applications and to work on other people's projects, and its popularity has grown quite a lot, to the point where it shows up on job listings for React and a lot of people get confused about what it is.

Why I'm tired of using and teaching flux

There are a billion explainations on the internet, so I'll skip explaining the parts. Instead, let's cut to the chase -- the main parts I hate about flux are the Dispatcher and the Store's own updating mechanism.

If you use a setup similar to the examples in facebook/flux, and you use flux.Dispatcher, you probably have this kind of flow:

2015-01-29 Unofficial Relay FAQ

Compilation of questions and answers about Relay from React.js Conf.

Disclaimer: I work on Relay at Facebook. Relay is a complex system on which we're iterating aggressively. I'll do my best here to provide accurate, useful answers, but the details are subject to change. I may also be wrong. Feedback and additional questions are welcome.

What is Relay?

Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).

Transducers and Reducers

Notes and examples of Transducers and Reducers

Reducers

Used on collections
Eager evaluation only. (not lazy)

	var React = require('react/addons'),
	TestUtils = React.addons.TestUtils,
	TestContext = require('./TestContext'),
	App = require('./App.jsx'),
	app = TestContext.getRouterComponent(App);

	describe('App', function() {
	it('has something', function() {
	expect(app.getDOMNode().textContent).toContain('something');
	});

	'use strict';

	var React = require('react'),
	PureRenderMixin = require('../mixins/PureRenderMixin'),
	getSupportedTransformProperty = require('../utils/getSupportedTransformProperty'),
	{ PropTypes, Children } = React;

	const transformProperty = getSupportedTransformProperty();
	const styles = {
	root: {

	String::linear_search = (from,to,sub) ->
	i = from
	j = 0
	max = sub.length

	while (to - i + 1) >= (max-j)
	if @[i] == sub[j]
	i++; j++
	else
	j = 0; i++

	The MIT License (MIT)

	Copyright (c) 2014 Tomas Kafka

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	;;; To add a tooltip, write (tooltip {:className "foo"}) instead of #js {:className "foo"}
	;;; You can simplify this and just show what you need: #js {:title (pr-str (om/...))}.

	;;; testfoo.core (cljs)

	(ns testfoo.core
	(:require-macros [testfoo.macros :refer (tooltip)])
	(:require [om.core :as om :include-macros true]
	[om.dom :as dom :include-macros true]
	[cljs.reader :as reader]))

Alex Weiksnar aweiksnar

Why I'm tired of using and teaching flux

What is Relay?

Contents

Transducers and Reducers

Reducers