daily/article/seconds.md

内容来自于国外的《30 seconds of code》，只翻译了其中的标题，可对其做个整体了解，内容可用 Google 翻译，大体都能看懂。

与 Underscore.js 和 Lodash.js 不同，30 seconds of code 中的代码片段都是各自独立的，可直接引用，也更容易吸收学习。

JavaScript

JavaScript Array Tricks

JavaScript Algorithms

CSS

CSS Centering

Node.js

React Hooks

1. usePersistedState（返回持久存储在localStorage中的状态值，以及用于更新它的函数）
2. useSSR（检查代码是否在浏览器或服务器上运行）
3. useAsync（处理异步调用）
4. useNavigatorOnLine（检查客户端在线还是离线）
5. useFetch（以声明的方式实现 fetch）
6. useUnload（处理beforeunload窗口事件）
7. useDebounce（Debounce 给定的值）
8. useClickInside（处理在包装的组件内部单击的事件）
9. useClickOutside（处理在包装的组件外部单击的事件）
10. useMediaQuery（检查当前环境是否匹配给定的媒体查询并返回适当的值）
11. useCopyToClipboard（将给定的文本复制到剪贴板）
12. useTimeout（以声明的方式实现 setTimeout）
13. useComponentDidMount（挂载组件后立即执行回调）
14. useComponentWillUnmount（在卸载和销毁组件之前立即执行回调）
15. useInterval（以声明的方式实现 setInterval）
16. usePrevious（存储先前的 state 或 props）
17. useToggler（提供一个布尔状态变量，可以在其两个状态之间切换）

React Components

1. TagInput（标签输入字段）
2. MultiselectCheckbox（渲染一个复选框列表，该列表使用回调函数将其选定的一个或多个值传递给父组件）
3. LimitedWordTextarea（具有字数限制的 textarea 组件）
4. Modal（渲染可通过事件控制的 Modal 组件）
5. Tabs（选项卡式菜单和视图组件）
6. Accordion（具有多个可折叠内容元素的手风琴菜单）
7. TreeView（可折叠内容的JSON对象或数组的树状图）
8. RippleButton（渲染一个按钮，当单击该按钮时可以对波纹效果进行动画处理）
9. Alert（使用 prop 类型呈现警报组件）
10. CountDown（倒计时组件，该计时器在到达零时显示一条消息）
11. FileDrop（文件拖放组件）
12. StarRating（星级评分组件）
13. MappedTable（渲染具有从对象数组和属性名称列表动态创建的行的表）
14. Tip: React 有条件的 className、空字符串和 null
15. Carousel（轮播组件）
16. 如何在React中设置选择输入的值？
17. PropTypesobjectOf() VS PropTypes.shape()
18. Select（一个不受控制的元素，该元素使用回调函数将其值传递给父组件）
19. Toggle（切换组件）
20. LimitedTextarea（具有字符数限制的textarea组件）
21. Loader（渲染旋转加载程序组件）
22. Tooltip（工具提示组件）

React Rendering

React Testing