Combining input streams then using scan to track the results is a common scenario when coding with streams. This lesson walks you through setting up two buttons and merging their input events together to build a streaming Counter component. const Cou…
You often need to handle multiple user interactions set to different streams. This lesson shows hows Observable.merge behaves like a "logical OR" to have your stream handle one interaction OR another. After click the start buttion, we wnat the l…
Refactoring streams in RxJS is mostly moving pieces of smaller streams around. This lessons demonstrates a simple refactoring by requiring the StopWatch to be more configurable.  Code we have now: const Observable = Rx.Observable; const startButton =…
最近更新有点慢,更新慢的原因最近在看 <css世界>这本书,感觉很不错 <JavaScript高级程序设计> 这本书已经看了很多遍了,主要是复习前端的基础知识,基础知识经常会过一段时间记忆就会慢慢模糊,特别是现在用vue.react.angularjs已经很少用原生js了,对dom的原生api方法已经忘记很多了. <梦的解析>--弗洛伊德,看这本书主要是自己的兴趣爱好,里面的内容有点难度,想通过心理学改变自己,做更好更真实的自己. 题外话说完了,这篇主要是针对上一篇对a…
这篇看ant Desgin of react的button按钮的js代码,js代码部分是typescript+react写的. button组件里面引用了哪些组件: import * as React from 'react'; import { findDOMNode } from 'react-dom'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import Icon from '../…
Nav to Repos component from Dashboard.js: goToRepos(){ api.getRepos(this.props.userInfo.login) .then((res)=>{ this.props.navigator.push({ title: 'Repos', component: Repos, passProps: { userInfo: this.props.userInfo, repos: res } }); }) } Repos: impor…
In this lesson we'll create a reusable React Native separator component which manages it's own styles. import React from 'react'; import {View, StyleSheet} from 'react-native'; var styles = StyleSheet.create({ divdir: { height: , backgroundColor: '#E…
MDX Deck is a great library for building slides using Markdown and JSX. Creating a custom Providercomponent allows you to change the markup of the entire deck. This lets you put things like logos and social media handles in each slide easily. In this…
Developing React with Poi is as easy as adding the babel-preset-react-appto a .babelrc and installing React. This lesson will walk you through that quick process and get your React app up-and-running. Install: npm i react react-dom babel-preset-react…
Functions created with mapPropsStream canned be composed together to build up powerful streams. Bring in the compose helper from Recompose then simply list your functions in the order you want the props to push through. In the example, we compose thr…