React学习-初始化react项目

ops/2024/10/15 4:04:12/

目标:

reactv18:->1.核心的22中api2路由3.数据状态管理:redux项目:	1.b端业务闭环:登录方案、权限设计、用户管理方案、业务功能、系统架构设计、路由设计流程闭环:开发环境、生产环境、测试环境、代码规范、分支管理规范、项目自动化部署、静态资源管理方案性能优化:渲染优化、网络优化、编译优化、自动化打包优化、业务开发效率优化、用户体验优化、2.c端 ssr服务器渲染项目业务:ssr登录健全方案、与spa架构差异、nodejs异构、有无差异流程:前后端生产环境、开发环境、自动化部署方案、性能测试、服务器稳定性测试性能:渲染优化、网络朋友花、编译优化、自动化打包部署、业务开发效率优化、用户体验优化工程化 :webpack

1 初始化项目:

//CRA脚手架创建项目
npx create-react-app my-appnpm start

2 核心文件内容分析

在这里插入图片描述

这个核心文件中导入了React和ReactDOM

在这里插入图片描述
严格模式作用?

1.不安全的生命周期方法:警告某些在未来版本会被弃用的生命周期
2.警告使用过时或遗留的api
3.意外的富足用
4.警告与旧版本react不兼容的部分

面试题:1.React和ReactDOM有啥区别?

1.react:这时React库的核心,定义了React组件的创建和生命周期方法,以及react元素的概念,是react的引擎2.recat-dom:这个库提供了在游览器环境中使用react的方法,例如将react组件渲染到dom中,或者在dom中触发react组件的更新,可以设为react的驱动程序。补充:react-dom/client是浏览器渲染用的库,同理node端也有库移动端也有
为什么有多个包?为了功能解耦,渲染有渲染专用的包,引擎只负责引擎

面试题:2.React是框架嘛?

react的核心,其实是一个渲染库。

面试题:3.React严格模式?

1.不安全的生命周期方法:警告某些在未来版本会被弃用的生命周期
2.警告使用过时或遗留的api
3.意外的富足用
4.警告与旧版本react不兼容的部分

http://www.ppmy.cn/ops/94957.html

相关文章

河南萌新联赛2024第(五)场:信息工程大学

A 日历游戏 题目描述 Alice 和 Bob 在玩一个游戏,他们先从 2000.1.1 到 2024.8.1 这个日期之间(不包括2024.8.1)随意抽取一个日期出来。然后他们轮流对这个日期进行操作: 把日期的天数加 1,例如:2000.1.1…

无人机培训机构培训计划详解

随着无人机技术的快速发展和广泛应用,无人机操作员的培训与认证成为保障无人机安全、高效运行的重要环节。本文将详细解析无人机培训机构的培训计划,涵盖基础理论与法规、飞行与气象知识、技能操作培训、高级应用课程、实操与模拟训练、安全与应急处理以…

云计算运维和SRE是一回事儿吗?有什么区别?

作为一名运维,你可能听过这两个词:云计算运维和SRE。有的人把他俩混用,你可能会有点迷惑,云计算运维和SRE是一个东西吗? 今天就来简单讨论一下云计算运维和SRE。 一、什么是云计算运维? 云计算没有专属的…

浅析JavaScript 堆内存及其通过 Chrome DevTools 捕获堆快照的方法

JavaScript 的堆内存(Heap Memory)是内存中专门用于存放程序执行过程中动态生成的对象、函数实例以及其他动态数据结构的区域。与调用栈(Call Stack)专注于管理函数调用的顺序和执行环境不同,堆内存则专注于动态地分配…

喷淋温湿度氙灯老化试验箱

氙灯试验箱是一种模拟全阳光光谱的试验设备,主要用于测试材料在紫外光、可见光和红外光等不同光谱环境下的耐候性能。它采用氙弧灯作为光源,通过设定各种试验参数,如温度、湿度和辐照度等,来模拟自然环境中的光照条件,…

优化系统性能:解析Web层缓存与Redis应用的挑战与应对策略

在当今高速发展的互联网环境中,系统性能的优化直接关系到用户体验和系统稳定性。Web层缓存和Redis作为常用的技术手段,在提高系统响应速度和减轻数据库压力方面扮演着重要角色。然而,它们的应用也伴随着一系列挑战。本文将深入探讨Web层缓存与…

无人机灯光含义的详解!!!

一、LED指示灯和状态指示灯 LED指示灯:通常位于飞行器的头部机臂上,用于显示无人机的当前状态。 状态指示灯:位于尾部机臂上,提供更多关于无人机状态的信息。 红绿黄灯交替闪烁 表示无人机正在进行系统自检。稍等片刻&#xf…

Windows自带的录屏工具怎么打开?推荐四种录屏方式~

当您渴望将教学内容录制成视频,却苦于找不到电脑录屏的入口时,别担心,录屏其实是一项容易掌握的技能。您完全能够利用电脑自带的程序或第三方软件来轻松完成录制。以下是几种简便的电脑录屏方法,让您迅速掌握录制技巧。 方法一&a…