![](https://img-blog.csdnimg.cn/ef413fc3b0774f87adc5574d14c0b01a.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 90
React 学习的一些小笔记,小总结
小丞同学
无比热爱,来日方长!学习方向:前端
展开
-
React核心 -- React-Hooks
hooks 存在的意义hooks 之间的状态是独立的,有自己独立的上下文,不会出现混淆状态的情况让函数有了状态管理解决了 组件树不直观、类组件难维护、逻辑不易复用的问题避免函数重复执行的副作用应用场景利用 hooks 取代生命周期函数让组件有了状态组件辅助函数处理发送请求存取数据做好性能优化hooks API从 react 中引入1. useState给函数组件添加状态初始化以及更新组件状态const [count, setCount] = R.原创 2021-10-12 10:00:00 · 512 阅读 · 3 评论 -
React 入门学习(十七)-- React 扩展
引言学到这里 React 已经学的差不多了,接下来就学习一些 React 扩展内容,可以帮助我们更好的开发和理解,这部分的知识还有很多的东西可以探寻,比如:网红 React-Hook,就是我们需要注意的地方,打了 100 多集的类式组件,出来一个 hooks ,现在用函数式组件偏多了…所以 Hooks原创 2021-10-11 09:00:00 · 509 阅读 · 2 评论 -
React 入门学习(十六)-- 数据共享
React 入门学习(十六)-- 数据共享在写完了基本的 Redux 案例之后,我们可以尝试一些更实战性的操作,比如我们可以试试多组件间的状态传递,相互之间的交互如上动图所示,我们想要实现上面的案例,采用纯 React 来实现是比较困难的,我们需要很多层的数据交换才能实现,但原创 2021-10-09 21:54:04 · 464 阅读 · 0 评论 -
React 入门学习(十五)-- React-Redux 基本使用
这篇文章是学习 React-Redux 的学习笔记引言在前面我们学习了 Redux ,我们在写案例的时候,也发现了它存在着一些问题,例如组件无法状态无法公用,每一个状态组件都需要通过订阅来监视,状态更新会影响到全部组件更新,面对着这些问题,React 官方在 redux 基础上提出了 React-Redux 库在前面的案例中,我们如果把 stor原创 2021-09-30 09:00:00 · 312 阅读 · 0 评论 -
React 入门学习(十四)-- redux 基本使用
这篇文章是学习 Redux 的学习笔记引言在了解了 Antd 组件库之后,我们现在开始学习了 Redux ,在我们之前写的案例当中,例如:todolist 案例,GitHub 搜索案例当中,我们对于状态的管理,都是通过 state 来实现的,比如,我们在给兄弟组件传递数据时,需要先将数据传递给父组件,再由父组件转发 给它的子组件。这个过程十分的复杂原创 2021-09-29 09:00:00 · 421 阅读 · 1 评论 -
React 入门学习(十三)-- antd 组件库的基本使用
这篇文章是学习 React 中 React antd组件库的学习笔记引言在我们学习JavaScript 的时候,我们学习了一个 bootstrap 的组件库。可以让我们快速开发,但是我们现在学习了 React ,一种组件化编程方式,很少说会去贴大量的 HTML 代码,再配一下 CSS,JS。我们也有一些现成的组件库可以使用,我们只需要写一个组件标签原创 2021-09-28 09:00:00 · 2309 阅读 · 4 评论 -
React 入门学习(十二)-- React 路由跳转
这篇文章是学习 React 中 React 路由跳转的学习笔记1. push 与 replace 模式默认情况下,开启的是 push 模式,也就是说,每次点击跳转,都会向栈中压入一个新的地址,在点击返回时,可以返回到上一个打开的地址,就像上图一样,我们每次返回都会返回到上一次点击的地址中当我们在读消息的时候,有时候我们可能会不喜欢这种繁琐的跳原创 2021-09-27 09:00:00 · 4260 阅读 · 0 评论 -
React 入门学习(十一)-- React 路由传参
这篇文章是学习 React 中 React 路由的学习笔记在上一篇中,我们学习了 React 中使用路由技术,以及如何使用 MyNavLink 去优化使用路由时的代码冗余的情况。这一节我们继续上一篇 React 路由进行一些补充1. Switch 解决相同路径问题首先我们看一段这样的代码<Route path="/hom原创 2021-09-26 09:00:00 · 363 阅读 · 0 评论 -
React 入门学习(十)-- React 路由
这篇文章是学习 React 中 React 路由的学习笔记在我们之前写的页面当中,用我们的惯用思维去思考的话,可能会需要写很多的页面,例如做一个 tab 栏,我们可能会想每个选项都要对应一个 HTML 文件,这样会很麻烦,甚至不友好,我们把这种称为 MPA 也叫多页面应用。1. SPA而为了减少这样的情况,我们还有另一种应用,叫做原创 2021-09-25 09:00:00 · 331 阅读 · 0 评论 -
React 入门学习(九)-- 消息订阅发布
这篇文章是学习 React 中 GitHub 搜索案例的学习笔记在昨天写的 Github 案例中,我们采用的是 axios 发送请求来获取数据,同时我们需要将数据从 Search 中传入给 App,再由 App 组件再将数据传递给 List 组件,这个过程会显得多此一举。同时我们要将 state 状态存放在 App 组件当中,但是这些 stat原创 2021-09-24 09:52:26 · 410 阅读 · 0 评论 -
React 入门学习(八)-- GitHub 搜索案例
大家好,我是小丞同学,一名大二的前端爱好者这篇文章是学习 React 中 GitHub 搜索案例的学习笔记非常感谢你的阅读,不对的地方欢迎指正愿你忠于自己,热爱生活引言本文主要介绍 React 学习中 Github 搜索案例,这个案例主要涉及到了 Axios 发送请求,数据渲染以及一些中间交替效果的实现个人感觉在做完 TodoList 案例之后,这个案例会很轻松,只是多加了一个 Loading 效果的实现思路,以及一些小细节的完善,感觉练练手还原创 2021-09-22 12:18:02 · 471 阅读 · 0 评论 -
React 入门学习(七)-- 脚手架配置代理
大家好,我是小丞同学,一名准大二的前端爱好者这篇文章是学习 React 中脚手架配置代理的学习笔记非常感谢你的阅读,不对的地方欢迎指正愿你忠于自己,热爱生活引言React 本身只关注于页面,并不包含发送 Ajax 请求的代码,所以一般都是集成第三方的包,或者自己封装的自己封装的话,比较麻烦,而且也可能考虑不全常用的有两个库,一个是JQuery,一个是 axiosJQuery 这个比较重,因为 Ajax 服务也只是它这个库里的一小块功能,它原创 2021-09-21 09:55:35 · 291 阅读 · 0 评论 -
React 入门学习(六)-- TodoList 案例
大家好,我是小丞同学,一名准大二的前端爱好者这篇文章是学习 React 练习中 TodoList 案例的操作笔记非常感谢你的阅读,不对的地方欢迎指正愿你忠于自己,热爱生活引言TodoList 案例在前端学习中挺重要的,从原生 JavaScript 的增删查改,到现在 React 的组件通信,都是一个不错的案例,这篇文章主要记录,还原一下通过 React 实现 TodoList 的全过程一、拆分组件首先第一步需要做的是将这个页面拆分成几个组件原创 2021-09-19 22:28:24 · 793 阅读 · 0 评论 -
React 入门学习(五)-- 认识脚手架
React专栏 已经全部更新于 GIthub大家好,我是小丞同学,这篇文章是学习 React 脚手架的学习笔记非常感谢你的阅读,不对的地方欢迎指正 ???? React专栏 已经全部更新于 GIthub 愿你生活明朗,万物可爱简介这篇文章主要围绕 React 中的脚手架,来解决一下几个问题灵魂三问:是什么?为什么?怎么办?什么是脚手架?为什么要用脚手架?怎么用脚手架????? 1. 什么是 React 脚手架?在我们的现实生活原创 2021-09-17 19:21:10 · 472 阅读 · 0 评论 -
React入门学习(四)-- diffing 算法
大家好,我是小丞同学,一名大二的前端爱好者这篇文章将尽力说明白 diff 算法 愿你忠于自己,热爱生活前言diff 算法是 React 提升渲染性能的一种优化算法,在 React 中有着很重要的地位,也不止于 React ,在 Vue 中也有 diff 算法,似乎没有差别。在最近的 React 学习中,学到了 diff 算法,感觉视频中的内容有点浅,对 diff 算法不够深入,因此想要深入的了解以下 diff 算法。于是在掘金,知乎,CSDN 等平台上,看了大量的博客,原创 2021-09-10 19:36:20 · 471 阅读 · 0 评论 -
React 入门(三) -- 生命周期 LifeCycle
React 入门(三) – 生命周期 LifeCycle大家好,我是小丞同学,这一篇是关于 React 的学习笔记,关于组件的生命周期非常感谢你的阅读,不对的地方欢迎指正愿你生活明朗,万物可爱引言在 React 中为我们提供了一些生命周期钩子函数,让我们能在 React 执行的重要阶段,在钩子函数中做一些事情。那么在 React 的生命周期中,有哪些钩子函数呢,我们来总结一下React 生命周期React 生命周期主要包括三个阶段:初始化阶段,更新原创 2021-09-07 14:59:02 · 534 阅读 · 5 评论 -
React 从入门到入土(二)--组件三大属性
大家好 ,我是小丞同学,最近在学习 React、小程序、阅读 JS 高程,以及整理 Node 的笔记,这是关于 React 的第二篇文章,也是我学习的第一个框架,内容如有错误,欢迎大家指正 愿你生活明朗,万物可爱一、组件的使用当应用是以多组件的方式实现,这个应用就是一个组件化的应用注意:组件名必须是首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签 < />渲染类组件标签的基本流程React 内部会创建组件实原创 2021-07-20 22:32:24 · 1162 阅读 · 9 评论 -
React 从入门到入土(一)-- 基础知识以及 jsx语法
React 从入门到入土(一)-- 基础知识以及 jsx语法大家好 ,我是小丞同学,最近在学习 React、小程序、阅读 JS 高程,以及整理 Node 的笔记,这是关于 React 的第一篇文章,也是我学习的第一个框架,内容如有错误,欢迎大家指正???? 愿你生活明朗,万物可爱先附上React官网 ,有很多问题都要通过查询官方文档来解决,要学会查文档~一、React 简介1. 关于 React整几个面试题来认识一下~~什么是 React ?React 是一个用于原创 2021-07-20 22:30:40 · 1113 阅读 · 3 评论