整理一下react的知识点之创建(持续更新)

1. React 是用于构建用户界面的 JavaScript 库

  •  主要构建用户界面
  • 是javscrtipt库。不是框架。(vue是渐进式的JS框架)
  • react 全家桶才是框架
  1. react: 核心库

  2. react-dom: dom操作

  3. react-router:路由

  4. redux:集中状态管理

2.React 特点

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

组件化:组件是react中最重要的内容,组件用于表示页面中的部分内容组合、复用多个组件,就可以实现完整的页面功能。

3.React脚手架-从零开始创建项目

创建方式1

  1. 全局安装脚手架工具包

    命令:npm i -g create-react-app

  2. 用脚手架工具来创建项目

    命令:create-react-app your-project-name

创建方式2

直接使用npx来创建项目

命令:npx create-react-app your-project-name

  • npx create-react-app 是固定命令,create-react-app 是 React 脚手架的名称

  • your-project-name 表示项目名称,可以修改

拓展

  1. npx 是 npm v5.2 版本新添加的命令,用来简化 npm 中工具包的使用

  2. 没有npx之前:

    1. 全局安装npm i -g create-react-app

    2. 在通过脚手架的命令来创建 React 项目

  3. 有了npx之后

    npx 调用最新的 create-react-app 直接创建 React 项目

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值