• React——关于react概述


    react 介绍

    React 是一个用于构建用户界面的 JavaScript 库 (类UI HTML MVC里的V)

    react官网(https://reactjs.org/)

    react中文网(https://zh-hans.reactjs.org/)

    react三大特点

    • 声明式UI (与vue一样)

      通过数据驱动视图的变化,当数据发生改变react能够高效的更新并渲染DOM。

    <div className="app">
        <h1>Hello React! 动态数据变化:{count}</h1>
    </div>
    
    • 1
    • 2
    • 3
    • 组件化 (react核心,与vue一样)

      封装组件可以实现复用,也可以使业务逻辑看起来更清晰,还能使整个项目修改起来更方便,节省时间

    • 学习一次,哪都适用 (PC、移动、VR应用等等)

    使用react/rect-dom可以开发Web应用

    使用react/react-native可以开发移动端**原生应用(react-native)**RN

    使用react可以开发VR(虚拟现实)应用(react/react360)

    react 脚手架的使用

    • create react app是FaceBook的React团队官方出的一个构建React应用的脚手架工具
    • 创建项目方式一(无法保持最新版本,需要手动更新):
      • 全局安装npm i -g create-react-app或者yarn global add create-react-app
      • 初始化项目create-react-app 项目名称,react-basic 表示项目名称,可以修改
      • 启动项目:yarn startor npm start
    • 创建项目方式二(建议使用):
      • 命令:npx create-react-app react-basic
      • 启动项目:yarn startor npm start
      • npx是 npm v5.2 版本新添加的命令,用来简化 npm 中工具包的使用
      • 现在:npx 调用最新的 create-react-app 直接创建 React 项目

    总结

    • create-react-app是react官方提供一个脚手架工具,用于创建react项目
    • 通过npx create-react-app react-basic命令可以快速创建一个react项目
  • 相关阅读:
    PyTorch的生态和模型部署
    Jmeter组件
    C# 实例解释面向对象编程中的依赖反转原则
    SolVES4.1学习2——导入数据运行模型
    Linux进程概念(上)
    高可用状态决策方式
    AOJ 0531 坐标离散化
    Excel制作乘法口诀表
    人生的B计划:构建“一个人”的商业模式
    初识Java 12-3 流
  • 原文地址:https://blog.csdn.net/weixin_54262445/article/details/136683200