![](https://img-blog.csdnimg.cn/3da191768172418d889f348cd0cdfe21.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React 学习实战笔记
文章平均质量分 74
B站 - 超火 - 尚硅谷(禹神)react教程 - 学习实战笔记。
西涯三锋
web开发从业10多年,致力于知识、技巧、实践经验的分享,始终秉承“授人以鱼不如授人以渔”分享精神。
展开
-
React 入门:开发环境搭建
常言道,工欲善其事必先利其器。废话不说,首先搭建一个能让即使是菜鸟小白也能快速上手的 React 开发环境。原创 2022-10-16 01:23:21 · 902 阅读 · 0 评论 -
React 入门:虚拟DOM
虚拟DOM这个概念比较抽象,很难用一句话来讲明白。所以本文只是整理了一些相关的概念和理解,可能现在还很难理解,但相信我们随着对 React 越来越熟悉,我们会慢慢的从原理上明白什么是虚拟DOM。原创 2022-10-17 12:54:00 · 451 阅读 · 1 评论 -
React 入门:JSX
在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。原创 2022-10-17 13:22:29 · 232 阅读 · 0 评论 -
React 入门:面向组件编程
组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。原创 2022-10-18 00:39:09 · 452 阅读 · 0 评论 -
React 入门:组件实例三大属性之state
React 中 state 是用来管理组件内部的数据,数据的改变就是状态。原创 2022-10-20 00:17:26 · 556 阅读 · 0 评论 -
React 入门:组件实例三大属性之props
组件的 props,类似于 JavaScript 函数的参数。组件标签以属性的形式接收的参数即 “props”,并返回用于描述页面展示内容的 React 元素。原创 2022-10-22 00:19:13 · 729 阅读 · 0 评论 -
React 入门:组件实例三大属性之refs
Refs 允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。原创 2022-10-22 00:24:00 · 366 阅读 · 0 评论 -
React 入门:类式组件构造函数 constructor
本文总结了 React 类式组件中构造函数的注意事项。原创 2022-10-24 00:36:46 · 895 阅读 · 0 评论 -
React 入门:事件处理
本文总结了 React 的 JSX 语法中事件处理相关注意事项,以及使用方面方法和技巧。原创 2022-10-24 00:40:02 · 187 阅读 · 0 评论 -
React 入门:受控组件与非受控组件
本文通过简单易懂的代码示例来介绍受控组件和非受控组件,及其特点。原创 2022-10-24 00:44:24 · 593 阅读 · 0 评论 -
React 入门:组件的生命周期(旧)
了解组件的生命周期有助于我们实现一些精细化,和复杂的业务逻辑。如果觉得理解困难,你不需要立马弄明白这些,不过随着你的不断学习和使用,它的参考价值会越来越高。原创 2022-10-30 01:01:58 · 311 阅读 · 0 评论 -
React 入门:对比 Reac t的新旧生命周期
本文主要对 React 新旧生命周期做了对比,列举出来差异性,以及使用注意事项。原创 2022-11-01 23:54:31 · 249 阅读 · 0 评论 -
React 入门:简单验证 Diffing 算法
本文通过一个代码示例简单验证一下 Diffing 算法。原创 2022-11-09 02:05:10 · 300 阅读 · 0 评论 -
React 入门:key 的作用及使用方法技巧
key 是虚拟 DOM 对象的标识,在更新显示时 key 起着极其重要的作用。原创 2022-11-09 02:12:21 · 802 阅读 · 0 评论 -
React 入门:使用脚手架创建应用
React 脚手架用来帮助我们快速创建一个基于 React 库的模板项目原创 2022-11-11 01:00:15 · 221 阅读 · 0 评论 -
React 入门:使用 create-react-app 创建 react 17 版本的应用
本文详细介绍了如何把通过 create-react-app 创建的 react18 版本的应用降级为 react17 版本。原创 2022-11-15 02:45:02 · 5412 阅读 · 2 评论 -
React 入门:使用脚手架写一个Hello组件
通过一个简单的 Hello 组件的代码实现来了解脚手架的运行原理。原创 2022-11-20 01:50:22 · 341 阅读 · 0 评论 -
React 入门:组件化编码流程
组件化编码流程的概念很重要,本文结合一个简单的 TodoList 案例,来剖析讲解如何理论结合实际。原创 2022-12-01 01:19:01 · 329 阅读 · 0 评论 -
React 入门:实战案例 TodoList 组件静态页面实现
本文实现 TodoList 各个组件的静态页面。原创 2022-12-07 00:26:33 · 510 阅读 · 0 评论 -
React 入门:实战案例 TodoList 组件列表动态初始化
本文实现 TodoList 组件列表动态初始化。原创 2022-12-07 00:29:34 · 475 阅读 · 0 评论 -
React 入门:实战案例 TodoList 添加一条 Todo 到列表
本文实现添加一条 Todo,并显示到 TodoList 列表中。原创 2022-12-07 00:32:55 · 544 阅读 · 0 评论 -
React 入门:实战案例 TodoList Item鼠标悬浮效果
本文实现鼠标悬浮和离开Item组件时的样式切换效果,以及删除按钮的显示与隐藏的控制。原创 2022-12-09 00:34:12 · 1566 阅读 · 0 评论 -
React 入门:实战案例 TodoList 修改 Todo Item的状态
本文实现点击 Item 组件的复选框 checkbox 时,切换复选框的选中状态,同时更新 TodoList 在组件状态 State 中的数据状态。原创 2022-12-10 02:11:31 · 831 阅读 · 0 评论 -
React 入门:实战案例 TodoList 对组件的 props 进行限制
本文实现对组件的 props 进行属性的类型和必要性的限制。原创 2022-12-12 00:40:14 · 381 阅读 · 0 评论 -
React 入门:实战案例 TodoList 删除一条 Item
本文实现从 TodoList 中删除一条 Todo 记录。原创 2022-12-13 00:36:52 · 668 阅读 · 0 评论 -
React 入门:实战案例 TodoList 底部功能实现
本文实现从 TodoList 底部统计、勾选交互,以及清除已完成等功能。原创 2022-12-15 12:49:40 · 338 阅读 · 0 评论 -
React 入门:使用 Express 快速搭建web服务
本文介绍如何快速使用 node + Express 搭建一个 API 接口服务器,为后面学习脚手架配置代理做准备。原创 2022-12-16 12:35:50 · 966 阅读 · 0 评论 -
React 入门:脚手架代理配置
本文介绍 React 脚手架配置代理的两种方式。原创 2022-12-18 23:47:34 · 547 阅读 · 0 评论 -
React 入门:实战案例 Github搜索_静态组件
本文实战编写 github 搜索案例静态组件。原创 2022-12-27 11:37:01 · 647 阅读 · 0 评论 -
React 入门:实战案例 Github搜索_axios发送请求
本文实现通过 axios 发送请求,根据返回结果渲染用户列表。原创 2022-12-27 11:41:10 · 671 阅读 · 1 评论