Zhentiw - 博客园

2020年4月26日

摘要： Dynamiclly create DOM element based on the value: function PokemonCollection({ as: As = 'ul', renderItem }) { return ( <As>{initialCollection.read().r 阅读全文

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

[Compose] Compose exercises

摘要： // Setup // const _ = R; const {formatMoney} = accounting; // Example Data const CARS = [ {name: "Ferrari FF", horsepower: 660, dollar_value: 700000, 阅读全文

posted @ 2020-04-26 02:06 Zhentiw 阅读(197) 评论(0) 推荐(0)

2020年4月25日

[HTML 5] Event Delegation and Dynamic Events

摘要： For example, we have a list of 'li', for each of them we want to attach event listener to it Bad approach: const app = document.getElementById('app'); 阅读全文

posted @ 2020-04-25 20:48 Zhentiw 阅读(168) 评论(0) 推荐(0)

[HTML 5] preventDefault() & defaultPrevented prop

摘要： const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <form> <label> Sign-up Email <input type="email"> </label> <labe 阅读全文

posted @ 2020-04-25 20:35 Zhentiw 阅读(326) 评论(0) 推荐(0)

[HTML 5] stopPropagation & stopImmediatePropagation

摘要： const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <div class="one"> <div class="two"> <button type="button" class= 阅读全文

posted @ 2020-04-25 20:30 Zhentiw 阅读(274) 评论(0) 推荐(0)

2020年4月24日

[React] Avoid Too Many Spinners with React SuspenseList’s tail Prop

摘要： tail is a customization prop for SuspenseList. It works in tandem with revealOrder and has three options: undefined, collapsed, and hidden. These opti 阅读全文

posted @ 2020-04-24 03:14 Zhentiw 阅读(146) 评论(0) 推荐(0)

[React] Avoid this Common Suspense Gotcha in by Reading Data From Components

摘要： Suspense can have an unfriendly learning curve.Components with suspended content need a component boundary.Resource reads can't happen in the same com 阅读全文

posted @ 2020-04-24 03:07 Zhentiw 阅读(166) 评论(0) 推荐(0)

[React] Get Previous Resource Values with React’s useDeferredState Hook

摘要： The useDeferredValue Hook gives us a way to hold onto a previous resource values while waiting for a new one. This is a more hands-on alternative to t 阅读全文

posted @ 2020-04-24 02:57 Zhentiw 阅读(168) 评论(0) 推荐(0)

[HTML 5] Add event listener once

摘要： button.addEventListener( 'dblclick', () => { console.log('Double-click!'); }, { once: true } ); https://developer.mozilla.org/en-US/docs/Web/API/Event 阅读全文

posted @ 2020-04-24 02:49 Zhentiw 阅读(221) 评论(0) 推荐(0)

2020年4月22日

[React] Improve developer experience for accessing context with a custom React hook

摘要： In this lesson, we create a custom hook that wraps the useContext hook and returns its value, as well as more useful error messaging if a context prov 阅读全文

posted @ 2020-04-22 15:26 Zhentiw 阅读(208) 评论(0) 推荐(0)

Answer1215

公告