Zhentiw - 博客园

2020年10月24日

[Javascript] Broadcaster + Operator + Listener pattern -- 7. Create a broadcaster forOf

摘要： The patterns we've established can also work well with plain old Objects and Arrays. We just have to capture the behavior of accessing those values in 阅读全文

posted @ 2020-10-24 15:49 Zhentiw 阅读(87) 评论(0) 推荐(0)

[Javascript] Broadcaster + Operator + Listener pattern -- 6. Create a Buffer to Pair Values Together with Zip

摘要： Functions returning functions returning functions can begin to look a bit unwieldy. The arrow function has helped the syntax a lot, but maybe using a 阅读全文

posted @ 2020-10-24 15:43 Zhentiw 阅读(122) 评论(0) 推荐(0)

[Functional Programming] Match Function Requirements with Lodash Partial and Flip

摘要： Functions returning functions returning functions can begin to look a bit unwieldy. The arrow function has helped the syntax a lot, but maybe using a 阅读全文

posted @ 2020-10-24 15:35 Zhentiw 阅读(148) 评论(0) 推荐(0)

[Javascript] Broadcaster + Operator + Listener pattern -- 5. Merge (Example)

摘要： Remeber: each broadcast return a cancel function let createTimeout = (time) => (listener) => { let id = setTimeout(listener, time) return () => { clea 阅读全文

posted @ 2020-10-24 15:29 Zhentiw 阅读(164) 评论(0) 推荐(0)

2020年10月23日

[React] Production performance monitoring

摘要： We should always ship fast experiences to our users, but sometimes something slips through our PR review process and our users start having a slow exp 阅读全文

posted @ 2020-10-23 02:43 Zhentiw 阅读(119) 评论(0) 推荐(0)

[React] Performance: Split state update and component render with Hoc

摘要： For the follow code: function Cell({row, column}) { const state = useAppState() const cell = state.grid[row][column] const dispatch = useAppDispatch() 阅读全文

posted @ 2020-10-23 02:32 Zhentiw 阅读(115) 评论(0) 推荐(0)

[React] Optimize context value

摘要： The way that context works is that whenever the provided value changes from one render to another, it triggers a re-render of all the consuming compon 阅读全文

posted @ 2020-10-23 00:28 Zhentiw 阅读(108) 评论(0) 推荐(0)

[React] useAsync

摘要： const defaultInitialState = {status: 'idle', data: null, error: null} export function useAsync(initialState) { const initialStateRef = React.useRef({ 阅读全文

posted @ 2020-10-23 00:26 Zhentiw 阅读(537) 评论(0) 推荐(0)

[React] React Virtual

摘要： // Window large lists with react-virtual // http://localhost:3000/isolated/final/04.js import React from 'react' import {useVirtual} from 'react-virtu 阅读全文

posted @ 2020-10-23 00:10 Zhentiw 阅读(332) 评论(0) 推荐(0)

2020年10月22日

[React] Lazy loading module

摘要： To understand lazy loading in React, we need to think in two steps. 1. Use dynamice import: to load script 2. Use React.lazy to load dynammice import, 阅读全文

posted @ 2020-10-22 00:06 Zhentiw 阅读(113) 评论(0) 推荐(0)

Answer1215

公告