【React】《React 学习手册 (第2版) 》笔记-Chapter1-初识 React

一、初识 React
  1. 在 package.json 文件中提供具体的版本信息,以便安装各个包的正确版本。

  2. 官方文档:https://zh-hans.react.dev/

  3. 建议安装 React 开发者工具,来辅助开发 React 项目。这些工具可通过扩展 Chrome 和 Firefox 中安装,可作为 Safari、IE 和 React Native 的独立应用程序使用。借助开发者工具可以审查 React 组件树、查看属性和状态详情,甚至还可以判断哪些线上网址使用的是 React。

  1. 使用 React 必须安装 Node。安装 Node.js 顺带就安装了 npm,即 Node 包管理器。

  2. 你见到的多数 JavaScript 项目中除了一系列文件之外还有一个 package.json 文件。这个文件用于描述项目自身及其依赖。在含有 package.json 文件的文件夹中执行 npm install 命令将安装项目中列出的所有包。

  3. 常用命令:

    复制代码
    // 初始化项目,创建 package.json 文件
    npm install -y
    
    // 安装包
    npm install package-name
    
    // 删除某个包
    npm remove package-name
  4. npm 的一个替代品是 Yarn。使用 npm 全局安装 Yarn:npm install -g yarn。

  5. 凡是含有 yarn.lock 文件的项目,使用的就是 Yarn。

相关推荐
摆烂大大王18 分钟前
玩转 OpenClaw:用 TaskFlow + Heartbeat 打造自动化工作流
前端·人工智能·自动化
zhangxingchao22 分钟前
AI 大模型核心六:量化、Workflow 与 Agent、多轮 RAG
前端·人工智能·后端
梦想的颜色32 分钟前
TypeScript 完全指南(上):从零开始掌握类型系统
前端·typescript
之歆44 分钟前
Day01_ES6+ 专业指南:从基础到实战的现代JavaScript开发(下)
前端·javascript·es6
花椒技术1 小时前
复杂直播业务做 RN 跨端,我们最后保留了哪些 Native 边界
react native·react.js·harmonyos
lichenyang4531 小时前
鸿蒙 MVVM 实战:从 Demo 到工程化,聊聊登录、状态管理与埋点系统设计
前端
IT_陈寒1 小时前
Vite打包时遇到的坑,原来问题出在这里
前端·人工智能·后端
kyriewen2 小时前
AI生成代码快如闪电,但我修了三个小时——它到底帮了谁?
前端·javascript·ai编程
竹林8182 小时前
用 wagmi v2 和 viem 手写 NFT 市场批量上架功能,我踩遍了所有异步坑
javascript
ayqy贾杰2 小时前
基层管理的三板斧,在AI时代行不通了
前端·后端·团队管理