React18学习(第一版---初级)保姆级教程

已于 2023-03-26 19:31:55 修改
阅读量1.1k 收藏
点赞数
分类专栏： react18 文章标签： react.js 学习 前端 vscode
于 2023-03-24 22:43:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53673930/article/details/129758357
版权
本文是针对React18的初级教程，适合已有前端框架基础的读者。内容涵盖React简介、环境准备（推荐Node v18+、Vite和Yarn）、项目搭建（通过npm或Vite）、依赖下载和项目运行。作者强调运行命令需参考package.json文件。
摘要由CSDN通过智能技术生成

写在前面的话:

我猜大家都想要我美丽的背景,于是我非常善解人意的把图放在了最前面

本文介绍:这是一篇react的学习文,主要是针对于react18版本,需要了解17及之前版本的北鼻请移步,这篇文章适合对象:适合有vue或者有其他前端框架基础的北鼻~

有任何错误或者其他需要指正的地方欢迎留言或者私信哦,有不好之处,请多动指教.本文持续更新,本次更新时间2023/3/24

关于react的介绍:

一个专注于构建用户界面的 JavaScript 库，目前和vue和angular并称前端三大框架

其他的我就不加以赘述了,宝贝们可以移步react官网(说到这里不得不吐槽一下react的官方文档,他就不能向隔壁vue学学吗!!!!)

 React 官方中文文档 – 用于构建用户界面的 JavaScript 库

最后,在开始正文之前,我再提醒一遍要阅读的北鼻,本篇文章是基于拥有前端框架基础的北鼻!!!不然看不懂可不能来怪我,不然我哭给你看!

okk~~我们切入正题,本文主要介绍React18,在这个过程中,我会给各位北鼻介绍一下Ant-Design,Data-V等组件库,(到时候有什么就说什么吧!)希望大家能在这篇博文中学到东西,一点点也是好的,然后在介绍的过程中有些东西我

最低0.47元/天 解锁文章
一大只胖头鱼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native之react-native-scrollable-tab-view详解
xiangzhihong8的专栏
05-25 2万+
在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台 ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的react
React使用高德地图 （react-amap）（一）
热门推荐
u013262823的博客
06-18 1万+
pc版React重构，使用到了高德地图。搜了资料，发现有一个针对React进行封装的地图插件react-amap。官方网址：https://elemefe.github.io/react-amap/components/map，有兴趣的可以看下里面的API。 react-amap 安装 1、使用npm进行安装，目前是1.2.8版本： cnpm i react-amap 2、直接使用sdn方式引入...
React学习day18
weixin_46758732的博客
07-01 229
Provider 批量传递store对象 <Provider store={store} <App/> <Provider>, 求和案例react-redux 优化 容器组件和UI组件整合一个文件。 无需自己给容器组件传递store，给包裹一个即可。 使用react-redux后也不用自己再检测redux中状态的改变，容器组件可以自动完成这个工作。 .mapDispatchToProps也可以简单的写一个对象 一个组件要和redux“打交道”要经过几
React18从入门到实战
Debug的博客
04-07 4181
持续更新中...
启动react 18.2.x项目报node错误
最新发布
2401_85955297的博客
07-12 300
启动react 18.2.x项目报node错误
React 18 快速入门
jyn15159的博客
05-31 996
React 18 快速入门。创建和嵌套组件；使用 JSX 编写标签；添加样式；显示数据；条件渲染；渲染列表；响应事件；更新界面 ；使用 Hook。
react18 学习（一）
weixin_44812511的博客
09-27 1626
记录自己学习react过程，会一直更新。
React18 入门与进阶
weixin_49809163的博客
12-03 1890
React18 入门
React18学习Day2(基础篇)---保姆级
m0_53673930的博客
07-28 242
1. react是什么用于构建用户界面的JS库(是一个将数据渲染为HTML视图的开源JS库)换成大白话来说就是,我们只需要关注数据,也就是说只要我们能够操作数据,就能改变视图2.react的特点以下特点现阶段可能不是很能理解,但是随着文章的推进,会更加深刻理解react的特点采用组件化模式,声明式编码,提高开发效率及组件复用率在React Native中可以使用React语法进行移动端开发使用虚拟DOM+Diffing算法,尽量减少与真实DOM的交互单向数据流使用jsx语法。
React Native 集成react-native-table-component(table表格插件)及代码示例
战丶后风！！的博客
01-15 7352
React-Native 集成react-native-table-component(table表格插件) 1、安装 #npm安装 npm install --save react-native-table-component 2、使用 1):TableExample.js入口文件 import React, {Component} from 'react'; import {Platform...
React-Native全球化语言切换工具库react-native-i18n
王亟亟的博客
11-02 1万+
转载请注明出处王亟亟的大牛之路开篇啰嗦–阶段感悟 最近2 -3个月基本都因为一些私事没怎么系统的工作和学习，途中看了几天Kotlin的东西写了些demo并且整了个小项目，但是整体状态不是很好，这些天看到些95后码农的强势细思极恐。现在大多数醒来就已经是中午，起得早去一下健身房，起的晚就家里宅一天。公司有事或者有其他家事就去协调/沟通/处理下，整个人感觉都提前进入养老状态（当然这个锅有一半是沉迷王者
React18学习
a9874561328的博客
01-20 742
react学习笔记，主要记述本人认为常用的知识点，可能会有纰漏和问题欢迎讨论
react 18 基础入门到项目实战总结
BradenHan的专栏
03-13 1123
此系列笔记的来缘起 此系列笔记，是我学习《千锋react零基础入门到项目实战》的学习笔记，其中也加入了部分自己的理解。 通过此系列笔记，你能得到什么？ •你可以完整的了解react的基础知识。 •通过实际需求案例驱动知识点吸收，通过幽默风趣讲解驱动学习的积极性，帮助大家成长为React开发高手打下基础。 下面，仅列出这套课程的知识点，点击查看详情，即可查看详细内容。
react18 学习（二）
weixin_44812511的博客
09-28 337
Fiber的渲染方式，可以中断、暂停、恢复渲染
react18【系列实用教程】组件 （2024最新版 | 含父子组件传值、兄弟组件传值、越层组件传值、“插槽“）
朝阳39的博客
05-14 916
你好;也可以写成箭头函数return 你好
React18 基础入门API、JSX语法糖
七七的博客
12-01 945
下载地址：https://unpkg.com/react-dom@18.0.0/umd/react-dom.development.js。下载地址：https://unpkg.com/react@18.0.0/umd/react.development.js。babel下载地址：https://unpkg.com/babel-standalone@6/babel.min.js。// 在React中可以通过JSX（JS扩展）来创建React元素，JSX需要被翻译为JS代码，才能被React执行。
react18【系列实用教程】搭建开发环境（2024版）Vite+React （官方推荐）（含@配置，react-developer-tools 和 Redux DevTools 下载安装）
朝阳39的博客
05-07 700
以项目名reactDemo为例。
react18-学习笔记11-类class
qq_41632427的博客
08-24 139
react
react18版本怎么引入react-dom
11-29
为了在 React 18 中引入 react-dom，你可以使用以下命令安装 React 和 ReactDOM： ``` npm install react@18.0.0 react-dom@18.0.0 ``` 或者 ``` yarn add react@18.0.0 react-dom@18.0.0 ``` 然后在你的代码中，你可以使用以下方式引入 react-dom： ```javascript import ReactDOM from 'react-dom'; ``` 注意，React 18 是一个预发布版本，可能会有一些不稳定的特性。如果你想使用一个更加稳定的版本，可以使用 React 17 版本。在 React 17 中，你可以使用以下命令安装 React 和 ReactDOM： ``` npm install react@17.0.2 react-dom@17.0.2 ``` 或者 ``` yarn add react@17.0.2 react-dom@17.0.2 ``` 然后在你的代码中，你可以使用以下方式引入 react-dom： ```javascript import ReactDOM from 'react-dom'; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值