qubes的专栏

[redux]core[redux]enhancer[redux]applyMiddleware[react-redux]core 在redux基础上(getState,dispatch,subscribe)小结redux核心功能：提供getState,dispatch,subscribe 这几个api给开发者使用yarn add redux 指定4.1.2版本创建store组件调用中间件功能：自定义redux实现 createStore，，，创建简单版store:创建实用版store:组件调用：不变同上简

创建react npm i create-react-app -g create-react-app react-redux-demo添加react-redux npm i redux --save npm i react-redux --save工程目录结构： 容器组件 展示组件 入口文件 验证 启动： npm run start demo-message 数据类型更复杂的例子 {id, label, value} Redux DevTools工具 chrome插件工具 https://chro

文章目录CRA步骤devprod配置src相对路径修改webpack配置 CRA create-react-app简写为CRA 步骤 dev npx create-react-app demo-react cd demo-react yarn start prod npm run build serve -s ./build 配置src相对路径 创建配置⽂件 @/demo-react/jsconfig.json 新增compilerOptions.baseUrl和include属性 修改webpack

文章目录开发体验搭建工程创建简单组件-hello体验hooks使用redux 开发体验 修改代码，调整目录都需要重启服务 redux: action是自封装中间层，view可以直接到reducer连接到state 搭建工程 npx create-react-app demo-react-ts --template typescript cd demo-react-ts yarn start yarn build 文件说明 tsconfig.json: ⼯程ts特定的选项 tslint.json: 代

文章目录dva是什么？基本步骤使用 antd定义路由和页面编写view和modelmodel数据流model组成开发环境添加proxy dva是什么？ state管理+轻量级的应用框架 dva = React-Router + Redux + Redux-saga 路由： React-Router 架构： Redux 异步操作： Redux-saga 基本步骤 npm install dva-cli -g // 安装cli dva -v // dva-cli version 0.10.1 dva n

文章目录为什么有了dva还有umi?步骤安装初始化devproduction文件目录FAQ 为什么有了dva还有umi? umi 是 dva 作者 sorrycc 最近整的新玩意，2018.2.26 发布的 1.0 版本。 dva缺点：用户需要自己引入 UI 工具 antd，打包工具 roadhog，路由 react-router，状态管理器 dva 个解：umi基于dva，umi相比dva功能更全 步骤 安装 npm i yarn tyarn -g 本机没有yarn npm i tyarn -g 本机已

文章目录工程初始化ant-design-pro是什么？ant-design-pro架构Umi 的插件demo步骤页面调整logo 和 title加载页新增页面布局快速调整底层实现实际例子新增图表基本步骤参考文档实际例子数据流model步骤全局初始化数据权限管理权限的常见场景：步骤样式调整使用cssCSS Modules设置全局样式添加图片发起请求正常流程异常流程proxy使用组件ProTable部署到nginx根路径非根路径配置后端api 工程初始化 ant-design-pro是什么？ 基于 Ant De