ecmadao ecmadao

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as a legal DOM attribute/property. You should ensure that your DOM elements do not have spurious props floating around.

There are a couple of likely reasons this warning could be appearing:

Are you using {...this.props} or cloneElement(element, this.props)? Your component is transferring its own props directly to a child element (eg. https://facebook.github.io/react/docs/transferring-props.html). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component.
You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
React does not yet reco

Observable React elements with RxJS

Note: if you want to skip history behind this, and just looking for final result see: rx-react-container

When I just started using RxJS with React, I was subscribing to observables in componentDidMount and disposing subscriptions at componentWillUnmount.

But, soon I realised that it is not fun to do all that subscriptions(that are just updating property in component state) manually, and written mixin for this...

Later I have rewritten it as "high order component" and added possibility to pass also obsarvers that will receive events from component.

Difference between Debounce and Throttle

Debounce

Debounce a function when you want it to execute only once after a defined interval of time. If the event occurs multiple times within the interval, the interval is reset each time.
Example A user is typing into an input field and you want to execute a function, such as a call to the server, only when the user stops typing for a certain interval, such as 500ms.

	from django.core.handlers.base import BaseHandler
	from django.test.client import RequestFactory

	class RequestMock(RequestFactory):
	def request(self, **request):
	"Construct a generic request object."
	request = RequestFactory.request(self, **request)
	handler = BaseHandler()
	handler.load_middleware()
	for middleware_method in handler._request_middleware:

	var https = require('https'),
	user = process.argv[2],
	opts = parseOpts(process.argv.slice(3))

	request('/users/' + user, function (res) {
	if (!res.public_repos) {
	console.log(res.message)
	return
	}
	var pages = Math.ceil(res.public_repos / 100),

	// Simple Use:
	// ----------
	// github('/user/repos', callback);
	// github('/repos/:user/:repo/issues', { user: user, repo: repo }, callback);

	var request = require('request');
	var querystring = require('querystring');

	var github = function (path, options, callback) {
	var username = 'username';

	/**
	* A mixin which helps you to add depth to elements according to the Google Material Design spec:
	* http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality
	*
	* Please note that the values given in the specification cannot be used as is. To create the same visual experience
	* the blur parameter has to be doubled.
	*
	* Author: Florian Kutschera (@gefangenimnetz), Conceptboard GmbH (@conceptboardapp)
	*
	* Example usage:

	# coding: utf-8
	import requests, json, re

	# 替换成你自己的经纬度数据
	# 查询方式打开饿了么官网 -> 开发者模式 -> 输入送餐地址 -> 观察请求 -> 找到经纬度数据
	latitude=31.23978
	longitude=121.49968

	URL_TEMPLATE="https://mainsite-restapi.ele.me/shopping/restaurants?\
	latitude={}&\

	module.exports = function (string) {
	return btoa(string);
	};