datart商业智能项目,react项目经验,以及一些骚写法
官方文档
一般建议使用官方文档
一些单词的记忆方法
module 记忆方法 mode + ule
Schedule 记忆方法 schede +ule
react修改 页面标题和描述
import { Helmet } from 'react-helmet-async';
《helmet to helmet》 这首歌也很不错
helmet头盔
腾讯翻译插件
安装google腾讯翻译插件
https://transmart.qq.com/zh-CN/download
名师出高徒
1.bilibili讲的很好的,不浪费时间的课程
https://www.bilibili.com/video/BV1uG411d7d8/
2.react中文文档,一比一复制版本。其他文档,有点乱。
https://react.docschina.org/learn/installation
3.文心一言也是很好的老师
语法糖
1.const logged = !!getToken();
这里的`!!`是求布尔值的快捷方式
`antd table多选批量操作的时候,使用这个,来限制button的可用性,disabled={!!!selectedRowKeys.length}`
类似的:
2.var a=b*1 是转数字的快捷方式
3.var a=b+'' 是转字符串的快捷方式
架构相关
1.webpack
2.qiankuan
通过package.json
可以查看react等等项目中的依赖的各种版本。
react相关概念
1.react -- 基于虚拟dom的前端框架
2.react-dom -- react-dom是react剥离出的涉及DOM操作的部分。https://www.cnblogs.com/WLFDayDreamer/p/16443410.html
3.react-router-dom --路由相关
带dom一般都是,浏览器端,h5,web等等,有dom对象的场景
4.redux 状态管理
5.react-redux和vue-redux
6.redux/toolkit
7.复杂的ts
8.redux的模块化,已经使用slice作为文件夹命名的约定。也是第一次见到。
9.产生了,想用中文,进行js编程的冲动。
其他
react国际化
styled-components
styled-components的想法是将样式“附着”在component上,使其变成“被样式化了的组件”。
react-dev-Inspector
https://react-dev-inspector.zthxxx.me/
修改命令的方式
<Inspector keys={['Ctrl', 'Shift', 'Alt', 'C']}>
</Inspector>
cra创建的react项目,多入口配置
使用craco.config.js
来进行配置。
CRACO (Create React App with Custom Overrides) 是一个用于在 Create React App (CRA) 中进行自定义配置的库。使用 CRACO,你可以轻松地覆盖默认的 Webpack 配置,以实现诸如多入口文件、代码拆分等高级功能。
React-属性传递(传事件)
a. 可以把函数当作属性传递过去,子组件内props接收
b. 注意普通函数不能直接加括号,会直接执行
c. 函数不能加括号,加括号就直接执行了,使用箭头函数可以实现参数的传递