react课程1-preparing
Last updated on October 2, 2024 am
处理数据+在用户界面展示数据——>用户界面(user interface)与数据同步
一、react简介
处理数据+在用户界面展示数据——>用户界面(user interface)与数据同步
react基本上是关于component的，它的基本任务就是获取组件的当前状态并将它们绘制在web界面上。另外一件对组件做的事情就是：重用（）。以及组件嵌套。
远离DOM的纯净的JS。——>JXS
如何很好地响应变化？：state
react实际上是一个库。
建立在react上的框架：Next.js和Remix
迄今为止最受欢迎的框架：1、许多大型公司很久之前就已经开始使用react；2、拥有巨大的就业市场和很高的需求；3、拥有许多专业社区为开发人员提供支持
最初是起源于社交软件。
二、Node.JS
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。它使得 JavaScript 不仅可以在浏览器中运行，还可以在服务器端运行。简单来说，Node.js 让你能够使用 JavaScript 编写服务器端应用程序。以下是 Node.js 的主要用途和特点：
- 服务器端编程
- 使用 Node.js 可以编写服务器端代码，这意味着你可以用 JavaScript 创建后台服务、处理请求和响应、管理数据库等。Node.js 常用于构建 RESTful API、Web 应用程序、实时聊天应用等。
- 事件驱动与非阻塞 I/O
- Node.js 的最大特点之一是其事件驱动和非阻塞 I/O 模型。这使得它非常适合处理高并发的请求，比如需要同时处理大量连接的服务器。因为它是非阻塞的，所以即使有大量请求同时到来，Node.js 也不会因为某个请求在等待数据而阻塞其他请求。
- 全栈开发
- 由于 Node.js 使用 JavaScript 语言，前端开发人员可以在掌握 JavaScript 的基础上，无缝地过渡到后端开发，实现全栈开发。比如使用 Express 框架可以很方便地创建和管理后端服务。
- 丰富的包生态系统
- Node.js 具有一个庞大的包管理系统，即 npm（Node Package Manager）。通过 npm，开发者可以访问数十万计的开源包和模块，大大简化了开发过程。例如，使用
express可以快速搭建 web 服务器，使用mongoose可以轻松操作 MongoDB 数据库。
- 跨平台
- Node.js 是跨平台的，可以在 Windows、Linux、macOS 等操作系统上运行，这使得它成为了一个非常灵活的开发工具。
- 实时应用
- Node.js 非常适合开发实时应用程序，比如聊天室、在线游戏、协同工具等，因为它能处理大量的并发连接并且响应速度非常快。
- 开发工具和构建工具
- Node.js 也被广泛用于开发工具的构建，如 webpack、gulp 等，帮助前端开发者进行项目的打包、构建、测试和部署。
举例应用场景：
- Web 服务器：使用 Express.js 创建的 Web 应用。
- API 服务：RESTful API，用于与数据库交互并提供数据服务。
- 实时应用：聊天应用、协同编辑工具（如 Google Docs）。
- 开发工具：前端打包工具（如 Webpack）、任务运行器（如 Gulp）。
总之，Node.js 是一个强大的工具，适合需要高并发处理和实时交互的应用场景，尤其是在 Web 开发领域有着广泛的应用。
三、准备工作
（1）安装 VS code的依赖：
1、ESlint（发现bug）
2、Prettier（自动格式化代码使其更美观）
3、One Monokai Theme
4、material icon Theme
（2）设置
auto save调整为 onFocusChange
default Formatter调整为Prettier
Format on save打开
eslint run改为on save
（3）快捷键
1、新建一个空的HTML文件时，输入！点击Enter就会构建出一个空的HTML结构
2、rfc+Enter，创建一个空的组件函数结构
（4）安装好npm 以及npm依赖，下载react-start-app@5来创建项目，npm start来运行项目
3、Alt+shift+O，清理未使用的import