Zhentiw - 博客园

2020年4月30日

摘要： import { SET_STATUS, FETCH_FULFILLED, FETCH_FAILED, RESET, } from '../actions/beerActions' import lensProp from 'ramda/es/lensProp' import set from 'r 阅读全文

posted @ 2020-04-30 02:00 Zhentiw 阅读(151) 评论(0) 推荐(0)

[React] Advanced Epic RxJS pattern with testing

摘要： Epic: import { ofType } from 'redux-observable' import { of, concat, merge, fromEvent, race, forkJoin } from 'rxjs' const buildAPI = (apiBase, perPage 阅读全文

posted @ 2020-04-30 01:57 Zhentiw 阅读(405) 评论(0) 推荐(0)

[React] Preload React Components with the useEffect Hook

摘要： Let's say we are using 'React.lazy()' to lazy load some Router: const Home = React.lazy(() => import('./screens/home')) const User = React.lazy(() => 阅读全文

posted @ 2020-04-30 00:27 Zhentiw 阅读(346) 评论(0) 推荐(0)

[React] Refactor a render prop component into hooks

摘要： Our <Query /> component is a render prop based component that the <User /> component uses. But because it doesn't render anything, we can actually jus 阅读全文

posted @ 2020-04-30 00:15 Zhentiw 阅读(228) 评论(0) 推荐(0)

2020年4月29日

[React] Handle Deep Object Comparison in React's useEffect hook with the useRef Hook

摘要： When you smart component need to handle server request, it would be good to make sure it won't send multi same request to the backend. For example a s 阅读全文

posted @ 2020-04-29 21:46 Zhentiw 阅读(412) 评论(0) 推荐(0)

[Angular] Dynamic replacement for index.html

摘要： in angular.json: "configurations": { "production": { "index": { "input": "src/index.prod.html", "output": "index.html" }, "fileReplacements": [ { "rep 阅读全文

posted @ 2020-04-29 19:26 Zhentiw 阅读(222) 评论(0) 推荐(0)

2020年4月28日

[RxJS] Schedular basic

摘要： subscribeOn() { // Changes source execution // only used once of(1).pipe( subscribeOn(async) ) .subscribe({ next: x => console.log(x), complete: () => 阅读全文

posted @ 2020-04-28 03:00 Zhentiw 阅读(193) 评论(0) 推荐(0)

2020年4月27日

[Javascript] Macro and Micro tasks

摘要： Macro: refer to webapis, setTimeout, setInterval Micro: refer to Promise based api Execution order Sync Task > Micro Task > Macro Task Example: const 阅读全文

posted @ 2020-04-27 18:10 Zhentiw 阅读(144) 评论(0) 推荐(0)

[RxJS@7.0.0] AnimationFrames demo

摘要： import {defer, animationFrames, fromEvent} from 'rxjs' import { animationFrame } from 'rxjs/internal/scheduler/animationFrame' import {endWith, map, t 阅读全文

posted @ 2020-04-27 01:28 Zhentiw 阅读(289) 评论(0) 推荐(0)

[RxJS] defer() lazy evaluation

摘要： For example, we have following code: import { of, defer} from 'rxjs'; class Foo { private num = 123 onum = of(this.num); updateNum(val) { this.num = v 阅读全文

posted @ 2020-04-27 00:52 Zhentiw 阅读(343) 评论(0) 推荐(0)

Answer1215

公告