![](https://img-blog.csdnimg.cn/20200715224853685.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react
文章平均质量分 71
关于react的内容分享
新生代农民工官方认证码农小拽
实践是检验知识的唯一标准!
展开
-
【HTML】table 1px border,td文本超出隐藏
【代码】【HTML】table 1px border,td文本超出隐藏。原创 2023-06-30 12:12:11 · 993 阅读 · 0 评论 -
【react】webpack@5,babel,typescript,prettier,eslint自定义搭建脚手架完整版
【react】webpack@5,babel,typescript,prettier,eslint自定义搭建脚手架完整版原创 2023-03-30 00:51:01 · 390 阅读 · 0 评论 -
【Redux】手撸一套redux和react-redux,深入学习(四)
【Redux】手撸一套redux和react-redux,深入学习(四)原创 2023-03-19 20:05:36 · 374 阅读 · 0 评论 -
【Redux】手撸一套redux和react-redux,深入学习(三)
【Redux】手撸一套redux和react-redux,深入学习(三)原创 2023-03-19 18:45:36 · 256 阅读 · 0 评论 -
【Redux】手撸一套redux和react-redux,深入学习(二)
【Redux】手撸一套redux和react-redux,深入学习(二)原创 2023-03-19 11:33:25 · 99 阅读 · 0 评论 -
【redux】手撸一套redux和react-redux,深入学习(一)
【redux】手撸一套redux和react-redux,深入学习(一)原创 2023-03-19 01:54:44 · 275 阅读 · 0 评论 -
【React】自定义搭建react脚手架(生产环境)
【React】自定义搭建react脚手架(生产环境)原创 2023-03-18 12:17:14 · 217 阅读 · 0 评论 -
【React】自定义搭建react脚手架(开发环境)
自定义搭建react脚手架(开发环境)原创 2023-03-18 01:21:09 · 579 阅读 · 0 评论 -
【react storybook】从零搭建react脚手架,并使用storybook发布组件库到npm,并生成可视化UI文档
【react storybook】从零搭建react脚手架,并使用storybook发布组件库到npm,并生成可视化UI文档原创 2023-02-25 00:45:05 · 1334 阅读 · 0 评论 -
【React npm】从零搭建react脚手架,发布组件库到npm,并实现按需加载(二)
【React npm】从零搭建react脚手架,发布组件库到npm,并实现按需加载(二)原创 2023-02-22 18:21:12 · 1487 阅读 · 7 评论 -
【React npm】从零搭建react脚手架,并发布组件到npm全流程(一)
【React npm】从零搭建react脚手架,并发布组件到npm全流程(一)原创 2023-02-20 00:36:04 · 2390 阅读 · 5 评论 -
【React】useEffect缺少依赖警告
【React】useEffect缺少依赖警告原创 2022-12-01 21:03:59 · 1473 阅读 · 0 评论 -
【react antd】DatePicker组件报错:date.clone is not a function...
【react antd】DatePicker组件报错:date.clone is not a function...原创 2022-11-01 11:41:21 · 3359 阅读 · 0 评论 -
【react / antd】antd的使用,以及js和css样式的按需加载配置
【react / antd】antd的使用,以及js和css样式的按需加载配置原创 2022-10-12 18:11:44 · 2045 阅读 · 0 评论 -
[react] -- react router没有路由守卫? react-router-dom@6作者:你自己写!
[react] -- react router没有路由守卫? react-router-dom@6作者:你自己写!原创 2022-09-07 02:02:13 · 1138 阅读 · 2 评论 -
[React] -- 阿里iconfont里的字体库在React项目中怎么用? 以阿里妈妈数黑体为例
[React] -- 阿里iconfont里的字体库在React项目中怎么用? 以阿里妈妈数黑体为例原创 2022-09-05 22:12:46 · 2477 阅读 · 0 评论 -
[react] React项目中使用阿里font-icon的svg形式
[react] React项目中使用阿里font-icon的svg形式原创 2022-09-05 15:04:20 · 940 阅读 · 0 评论 -
定制一个自己项目里需要的分页器
定制分页器组件原创 2022-06-30 15:58:59 · 181 阅读 · 0 评论 -
react18项目中eslint警告:Failed to parse source map from...
react18 source-map-loader原创 2022-06-15 00:45:19 · 4000 阅读 · 1 评论 -
再仔细读读react18官方文档吧 20220608
react原创 2022-06-08 15:27:06 · 436 阅读 · 1 评论 -
再仔细读读react18官方文档吧 20220602
react深度学习原创 2022-06-02 18:14:38 · 242 阅读 · 0 评论 -
再仔细读读react18官方文档吧 20220531
章节回顾:再仔细读读react18官方文档吧 20220530目录代码分割懒加载React.lazy & Suspenseloadable-componentsContext错误边界(Error Boundaries)什么是错误边界?错误边界解决了什么问题?使用错误边界有哪些注意事项?Fragment代码分割作用 / 优点对你的应用进行代码分割能够帮助你“懒加载”当前用户所需要的内容,能够显著地提高你的应用性能。尽管并没有减少应用整体的代码体积,但你可以避免加载用户永远不需要的原创 2022-05-31 17:05:45 · 497 阅读 · 0 评论 -
再仔细读读react18官方文档吧 20220530
章节回顾:再仔细读读react18官方文档吧 20220527目录表单受控组件非受控组件value or defaultValue ?状态提升子传父组合 vs 继承组合props.childrenslot插槽继承表单受控组件什么是"受控组件?"官方文档解释:简单概括为:表单值的获取和更新操作,交由react中的state来管理比如:<input type="text" /><textarea></textarea><selec原创 2022-05-30 14:56:19 · 268 阅读 · 0 评论 -
再仔细读读react18官方文档吧 20220527
章节回顾:再仔细读读react18官方文档吧 20220526目录什么是propsprops的只读性和纯函数纯函数什么是props当 React 元素是用户自定义组件时,它会将 JSX 所接收的属性(attributes)以及子组件(children)转换为单个对象传递给组件,这个对象被称之为 “props”。举个栗子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2022-05-27 17:59:37 · 274 阅读 · 0 评论 -
修改react18默认端口、默认开启浏览器等配置的三种方法
第一种方法:在package.json文件中,找到"scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js"},在start这一项中添加配置,改为:// set BROWSER=none是关闭自动开启浏览器功能// set PORT=8080是修改默认端口号"start": "set BROWSER=none &am原创 2022-05-27 10:30:47 · 1918 阅读 · 0 评论 -
2021.12.05 每天进步一点点:在react里配置less-loader和css-modules
react中的less-loader, css-moduels配置原创 2021-12-05 23:47:16 · 2474 阅读 · 3 评论 -
react18中配置webpack,支持less以及less模块化(补充篇)
本篇的目的是:通过修改配置,让react支持.less文件的模块化之前写过一篇在react里配置less-loader和css-modules,该配置对react18也是有效的。本篇是对上一篇的补充。上一篇中,css和less要做模块化,样式文件名必须写成xx.module.css或者xx.module.less的形式。这在实际开发中,仍然不够友好,毕竟样式文件名中要一直加上.module这个后缀。本篇中就来解决这个问题。在webpack.config.js配置文件中找到这样的代码:/原创 2022-05-27 09:30:25 · 3262 阅读 · 0 评论 -
再仔细读读react18官方文档吧 20220526
再仔细读读react18官方文档吧 20220526首页什么是react开始体验react在html中如何使用react和jsx?核心概念Hello Worldreact18不支持ReactDOM.render方法了JSX简介JSX是什么?为什么使用 JSX?元素渲染根节点首页官方中文文档首页:https://react.docschina.org/当前安装的react版本,以及react官方文档,都默认是react18版本了。什么是reactreact是用于构建用户界面的 JavaScrip原创 2022-05-26 18:26:18 · 767 阅读 · 0 评论 -
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)...
使用create-react-app的4.0.3版本创建项目时,出现报错:You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).We no longer support global installation of Create React App.创建项目失败。于是,赶紧来到react脚手架官网https://create-react-app.bootcss.com/docs/g原创 2022-03-07 16:31:39 · 2668 阅读 · 2 评论 -
2021.12.15 每天进步一点点: react-router-dom@6 学习笔记
react-router-dom@6 学习笔记react-router-dom安装web相关API简单介绍批量解释BrowserRouter(官方推荐)用法HashRouter(官方不推荐使用)Link语法NavLink语法Navigate语法demoOutLetdemouseOutletContext()RouterdemoRoutes & RoutedemogeneratePath()demohistoryuseNavigateuseParamsdemouseRoutesdemoreact-原创 2021-12-14 20:19:26 · 2208 阅读 · 0 评论 -
2021.12.14 每天进步一点点: 关于静态资源如video在react中的使用和区别
关于静态资源如video在react中的使用导读静态资源的放置各自的分工和好处/public/src静态资源的引入和使用require和import在引入时的区别在react中使用video参考文档导读刚仿照b站,写了一个banner位置的背景播放video 。就是这个banner位置的背景,虽然是非常简单的一个东西, 却引出了很多的知识点。经过深扒,确实应该好好了解一下。比如说,1. react中,public和src都可以放置静态资源,为什么最新版本的react却提醒我把资源放置在s原创 2021-12-14 11:01:46 · 3211 阅读 · 0 评论 -
2021.11.29 每天进步一点点:用你懂的方法,说说css-modules
都能看懂的css-modules前言开发工具版本webpack配置准备工作暴露webpack配置在dev环境的配置在生产模式的配置css-modules怎么用styles是什么css-modules是啥释义引入命名作用域转换组合使用打包参考文档前言之前用react做开发时,简单用过css-modules 。但是也只是简单用过,并不了解。以我浅薄的知识来说,我一直以为css-modules是一个库,或者是react绑定的一个插件。然而, 都不是。 它只是css-loader中的一个功能罢了。在需要原创 2021-11-29 21:15:05 · 816 阅读 · 0 评论 -
react:仿BOSS直聘写的一个移动端招聘APP
大家好,我是梅巴哥儿。本篇分享一个仿BOSS直聘写的移动端招聘APP。代码分享到了GitHub。完整代码地址:https://github.com/guozi007a/guiguzhipin.git代码用react写的。完整视频教程可以去B站搜。硅谷的。...原创 2021-01-21 03:50:12 · 945 阅读 · 1 评论 -
fe-c前端技术社区的redux版本好了
https://github.com/guozi007a/fe-c-redux原创 2020-12-23 15:31:01 · 137 阅读 · 0 评论 -
FE-c(前端技术社区)项目开发笔记(非redux版)
大家好,我是梅巴哥er。本篇介绍的是FE-c项目的整个写就过程,这次发的是一个非redux版本。项目代码开源地址: https://github.com/guozi007a/FE-c (FE-c就是font-end community 前端技术社区)。一,项目描述项目是自己设计的,做了一个前后端分离的社区应用。主要包括4个版块,技术问答区,面试分享区,公司畅聊区,代码开源区。其中,主要做的是技术问答区,后面三个版块用到的知识,和第一个版块的技术重合度较高。应用功能包括用户注册,登录,设置个原创 2020-11-27 02:23:37 · 341 阅读 · 0 评论 -
React: Redux案例四
大家好,我是梅巴哥er。前面写了关于redux的学习笔记。本篇介绍redux的异步action的使用案例。老规矩,先上视图渲染效果看下:案例: 在输入框中输入内容,2秒后在上方显示出来。说明: 这里的输入事件和显示事件,明显是先后进行的,而不是同步进行的。所以这里要用到异步的action事件。先来看下,用React如何实现:// 入口文件 index.jsimport React from 'react'import ReactDOM from 'react-dom'import App1原创 2020-10-01 22:38:53 · 250 阅读 · 0 评论 -
React:Redux案例三
大家好,我是梅巴哥er。本篇介绍redux第三个小案例,每2秒自动点击按钮触发变色。这个案例有个需要特别注意的地方是,这是否需要用到异步action? 在什么情况下会用到异步action?所谓异步,就是上一个事件和下一个事件不是同步进行的。在该案例中,上一个事件是点击,下一个事件是触发变色。这两个事件是同步的,即点击后马上就会变色。只不过是每两次点击之间会间隔两秒时间。所以,这个案例仍然是同步action。如果,案例是点击2秒后触发变色,那么点击时间和触发变色的时间就是先后进行,而非同步进行,这时候就原创 2020-10-01 20:20:30 · 263 阅读 · 0 评论 -
React:Redux案例二
Redux案例二点击按钮切换背景颜色案例1,创建项目create-react-app redux_demo22,删除src文件夹里的文件3,在src文件夹里创建index.js文件4,在src文件夹里创建components文件夹,负责放UI组件5,在components文件夹创建App.jsUI组件6,打开控制台,npm start,查看是否正常渲染。如果渲染正常,说明创建项目正确。7,先来看下用React的做法:// src/index.jsimport React from 'r原创 2020-10-01 00:20:35 · 244 阅读 · 0 评论 -
React: Redux案例一
大家好,我是梅巴哥er。上篇介绍了redux , react-redux以及redux调试工具的使用,那么本篇就写一个redux案例,加深对redux的理解。另外,因为这个案例过于简单,只用到一个reducer,所以本篇就没有用到combineReducers。老规矩,写代码前,先来看下渲染效果图:(还好这里点击按钮会有个动效,能看到我点击了哪个按钮????)左边是渲染结果,右边是redux调试工具的显示内容。案例功能说明:左边是select选择框,右边依次是 + - 和异步增加的按钮选择s原创 2020-09-28 10:49:51 · 298 阅读 · 0 评论 -
React: Redux是什么?怎么用?
大家好,我是梅巴哥er。本篇介绍redux , react-redux , redux调试工具的一些学习总结。另附一些简单的、便于理解的小案例。Redux1,官方文档: https://www.redux.org.cn/2,因为redux和react-redux常常一起使用,所以两个文档在一起翻译的。react-redux官方文档: https://www.redux.org.cn/docs/react-redux/3,Redux是什么redux是一个独立的、专门用于做状态管理的JS库。不原创 2020-09-28 10:19:35 · 1087 阅读 · 0 评论