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. 函数不能加括号,加括号就直接执行了,使用箭头函数可以实现参数的传递

useEfect 有监听器的效果,类似watch

usestate 中的set方法是异步的。

项目中大量使用了lodash的方法

posted @ 2023-12-29 16:37  风意不止  阅读(95)  评论(0编辑  收藏  举报