React 30 秒速学(30-seconds-of-react 中文翻译)

译自:30-seconds-of-react 项目,全篇中文翻译、学习,所有案例进行分析、注释、上线。

13 篇文章

React 30 秒速学:制作多行文本组件,限制字符数和单词数

2019-05-19

实现 TextArea 多行文本组件,及 LimitedTextarea 限制字符数和 LimitedWordTextarea 限制单词数的多行文本组件。

React 30 秒速学:制作输入框、密码可见、滑块组件、下拉选择器、复选框组件

2019-05-19

实现多个表单组件, Input 基础输入框、 PasswordRevealer 密码可见、 Slider 滑块元素、 MultiselectCheckbox 复选框、 Select 下拉选择器。

React 30 秒速学:实现可折叠、无限层级的树形组件

2019-05-21

实现一个 Tree 树组件,支持数组和对象数据格式,支持无限层级,通过递归组件渲染子树,可折叠、展开。

React 30 秒速学:制作自动识别链接的文本组件

2019-05-20

制作 AutoLink 组件,自动识别链接的文本组件,将字符串中的URL转换为适当的 a 标签元素。

React 30 秒速学:制作轮播组件

2019-05-22

制作轮播组件,渲染轮播项目。在 useEffect 使用 setTimeout 新为下一个项的索引,使用 cloneElement 渲染轮播项目。

React 30 秒速学:制作折叠面板组件

2019-05-22

制作 Collapse 折叠面板组件,通过 isCollapsed 状态变量决定显示和折叠,并从 style 对象应用适当的CSS规则。

React 30 秒速学:制作倒计时组件

2019-05-22

制作 CountDown 倒计时组件,渲染倒数计时器,在达到零时处理相关事件。可暂停计时或重新开始。

React 30 秒速学:制作文件拖放组件

2019-06-01

制作 FileDrop 文件拖放组件,可动态读取和渲染拖入文件信息,处理拖放各阶段功能,将它们绑定到组件的上下文。

React 30 秒速学:制作模态框组件

2019-06-01

可通过事件控制的模态组件。要使用该组件,只导入一次 Modal,然后通过将一个布尔值传递给 isVisible 属性来显示它。

React 30 秒速学:制作星级评分组件

2019-06-01

制作 Star 星级评分组件,从星星组件道星级评分逻辑,使它将根据父组件的状态为每个星形呈现适当的外观。

React 30 秒速学:制作选项卡组件

2019-06-01

制作选项卡组件效果,包括 Tab 组件和 TabItem 组件部分,实现选项卡标题切换显示内容功能。

React 30 秒速学:制作手风琴组件

2019-05-25

制作手风琴效果组件,由 AccordionItem 组件与 Accordion 组件组成,可包含多个可折叠内容。

React 30 秒速学:把数组数据渲染为列表、表格

2019-05-18

解析教程中的的 DataList 列表组件、DataTable 表格组件,把数组数据渲染为列表、表格。