UI框架使用 react

最新推荐文章于 2024-08-08 17:29:53 发布

晕fufufu

最新推荐文章于 2024-08-08 17:29:53 发布

阅读量285

点赞数

分类专栏： react 文章标签： react.js ui javascript

本文链接：https://blog.csdn.net/Paolooo/article/details/125194005

版权

本文详细解析了如何在项目中有效地使用React框架进行UI开发，涵盖了组件化设计、状态管理和渲染原理等关键点，旨在帮助开发者提升React UI构建的效率和质量。

摘要由CSDN通过智能技术生成

 react ui框架
      1 and design   适用pc页面构建
        1 安装and design
        npm i antd --save-dev
        2 在index.js 引入css样式文件
        import 'antd/dist/antd.css'
        3 在需要使用组件的文件中 引入对应的组件模板  然后可以直接使用组件标签
        import {Button} from 'antd'

        <Button></Button>

      2 and design pro  适用pc页面构建 （中后台项目开发）  若依
        1 使用yarn npm 安装项目
        npm i create-umi 项目名
        yarn crete umi 项目名
        2 进入项目 并且安装依赖包
        cd 项目名 && npm i
        cd 项目名 && yarn
        3 运行项目
        npm run start
        yarn start

redux
      Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
      存储state状态 进行统一管理

      核心
        action
          在action中我们可以触发reducer 返回对应的数据
        reducer
          是执行逻辑判断 通过action发送的type类型进行判断 然后return相关的数据值
          里边使用的是 典型的switch case语句
        store
          相当于一个仓库 里边可以存储state
          getState() 获取数据