目标配置:React + Hook + React-router-v6 + Mobx + AntD; 1.创建项目 npxnpx create-react-app 项目名称 2.安装sass环境,react默认配置了sass环境,所以只需要下载就可以使用,当然你也可以选择less,选择less就需要自己配置环境了 yarn add sass 3.安装react-router-dom ,默认安装的就是v6版本,最好使用yarn,...
react-router-dom和react-router的区别,可以简单的看看这个文章:https://juejin.im/post/6844903909698306056 一般情况下,安装react-router-dom就好: yarn addreact-router-domyarn add @types/react-router-dom -D //ts项目需要 验证安装一下,先搞两个页面:Login.tsx和Home.tsx 代码如下: //Login.tsx import {...
// spug_web/package.json{"name":"spug_web","version":"3.0.0","private":true,"dependencies": {"@ant-design/icons":"^4.3.0","ace-builds":"^1.4.13","antd":"^4.10.3","axios":"^0.21.0","bizcharts":"^3.5.9","history":"^4.10.1","lodash":"^4.17.19","mobx":"^5.15.6...
react-routerprompthacktoberfestreact-promptreact-router-v6react-router-dom-v6 UpdatedSep 4, 2024 TypeScript A Front-End Project with Typescript/Antd. webpack5+react-router5+antd+typescript5+grahql+jwt+hooks reactgraphqlhooksjwttypescriptpwaeslintmobxantdreact-hooksusereducerwebpack5react-router-v6...
项目地址:https://github.com/sofn/react-ts-multientry React + TypeScript + Router + Mobx + A...
七天接手react项目 系列 —— 尾篇(antd 和 mobx) 尾篇 前面我们依次学习了 react 基础知识、react 脚手架创建项目、react 路由,已经花费了不少时间,但距离接手 spug_web 项目还有一些困难。
⭐ mobx redux recoil resso legend-state 表单库 ⭐ react-hook-form : 高性能的表单验证库 react-final-form : 全球大公司都在用的 React 高性能表单库 Formik Formily : 阿里巴巴 react-form formsy-react uniforms modular-forms nice-form-react: eBay CSS in JS emotion styled-components jss griffel ...
10、npm install antd-mobile 11、引用 e.g:import { Button } from 'antd-mobile'; 12、配置路由:npm i react-router-dom 13、npm install axios 14、配置跨域:npm install http-proxy-middleware 在src目录创建一个setupProxy.js文件 const { createProxyMiddleware } = require('http-proxy-middleware');...
基于react、react-router、mobx、antd、typescript开发的一个脚手架。 暂无标签 http://evolify.oschina.io/demo/react-mobx-ts/#/ TypeScript等 3 种语言 Apache-2.0 保存更改 发行版 暂无发行版 react-mobx-ts-antd 开源评估指数 生产力 创新力
然后在项目根目录创建一个 craco.config.js 用于修改默认配置。antd按需加载以及自定义主题 重新打包就可以了， 所有的主题配置在这里噢 这里利用React-router做路由，同时也会根据用户角色，做权限处理；只有当角色和路由允许的角色一致时才可以访问和展示。新建router下新建indext.tsx 用于渲染页面 引入...