React学习

React学习

1、关于react学习中的this首先解释js中的this调用时可能出现bug的情况——原理：JS中的this是由函数调用的地方所决定的。
enmmmm·2023-03-18 19:09

React学习笔记

React是一个由Facebook开发和主要维护的，JavaScript库，它不是框架，因为它只关注视图层创建项目这里介绍两种方式第一种，安装官方提供的脚手架工具npminstall-gcreate-react-appcreate-react-apptodolist第二种，使用npm自带的npxnpxcreate-react-apptodolist项目目录|____public#公共资源文件||_
alfalfaw·2023-03-18 04:34

React学习之前端开发性能优化

1.单个react组件性能优化1.1render里面尽量减少新建变量和bind函数的使用，尽量减少传递参数的数量在render中绑定函数，无非就是下面三种：render(){return(12this.handleClick()}>3)}第一种是在构造函数中绑定this，第二种是在render()函数里面绑定this，第三种就是使用箭头函数，上述方法都能实现this的绑定。但是哪一种方法的性能最好
cheneyg916·2023-03-17 22:10

React学习资源汇总

React学习资源汇总React官方官网地址：http://facebook.github.io/react/Github地址：https://github.com/facebook/react设计思想学习
丶温瞳·2023-03-16 07:31

react学习第一篇：项目基础配置和遇到的问题

一、新建项目1.官网reactjs.org--started--右侧createanewReactApp文档2.找到新建项目命令npx必须的要Node>=10.16andnpm>=5.6才能使用----使用npx不需要在全局-g安装create-react-app，直接下面一句命令即可npxcreate-react-appmy-app//创建普通项目ornpxcreate-react-appmy-
云鹤道人张业斌·2023-03-15 15:00

react学习

React理念：第一步：把UI划分出组件层级（单一功能原则：一个组件应该只做一件事情）第二步：用React创建一个静态版本（创建静态版本时不用state，state用于交互。简单项目自顶向下，复杂项目自底向上）第三步：定义UI状态的最小表示（考虑应用所需的最小可变状态集。鉴别是否用state的三个问题：它是通过props从父级传来？如果是，则不是state。随时间推移不变？是，则不是state。可
佛系少女不佛系·2023-03-14 17:04

2020年---最新「前端学习体系与前端概述」（面经必读）

H5UIbootstrapless/stylus模板引擎swiperiscrollselect2工程课程：ES5/6/7git&GitHubnodeJSmongoDBmySQLwebpackgulpbabelVUE微信小程序REACT
前端小澈·2023-03-14 15:29

React学习笔记——Hooks中useEffect的基础介绍和使用

在React的世界中，有容器组件和UI组件之分，在ReactHooks出现之前，UI组件我们可以使用函数，无状态组件来展示UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给UI组件进行渲染。使用ReactHooks相比于从前的类组件有以下几点好处：代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，
老Chen先生·2023-03-14 12:41

React学习笔记——Hooks中useContext的基础介绍和使用

在React的世界中，有容器组件和UI组件之分，在ReactHooks出现之前，UI组件我们可以使用函数，无状态组件来展示UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给UI组件进行渲染。使用ReactHooks相比于从前的类组件有以下几点好处：代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，
老Chen先生·2023-03-14 12:11

React学习笔记——Hooks中useReducer的基础介绍和使用

在React的世界中，有容器组件和UI组件之分，在ReactHooks出现之前，UI组件我们可以使用函数，无状态组件来展示UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给UI组件进行渲染。使用ReactHooks相比于从前的类组件有以下几点好处：代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，
老Chen先生·2023-03-14 12:11

React学习知识小总结

react依赖：reactreact-dombabel-preset-react组件自身状态设置初始状态：constructor=》this.state={};改变自身状态：this实例this.setState({});父组件与子组件之间传递数据1）父传子父：在子组件对象上设置自定义属性xxx；子：通过this.props.xxx来获取数据2）子传父父：在子组件对象上设置自定义属性，属性值为一个
果木山·2023-03-14 04:52

react学习笔记（四）

错误边界（ErrorBoundaries）部分UI的JavaScript错误不应该导致整个应用崩溃，为了解决这个问题，React16引入了一个新的概念——错误边界。错误边界是一种React组件，这种组件可以捕获并打印发生在其子组件树任何位置的JavaScript错误，并且，它会渲染出备用UI，而不是渲染那些崩溃了的子组件树。错误边界在渲染期间、生命周期方法和整个组件树的构造函数中捕获错误。错误边界
刘赛_c5a1·2023-03-14 03:04

react学习（2019/7/30-8/7）

今日总结课上提到的内容1.讲了react要学习的内容提纲react基础，JSX语法，插件react-router路由redux状态管理ant-ui组件库（自己学习）2.基础知识react是什么？帮助构建页面的js库组件开发方式类组件：有状态（state）和完整的生命周期和函数式：只做展示（hook自有状态）作业1.大家根据我们今天讲到的内容，结合自己的学习，写一篇关于jsx的使用，组件相关的总结J
洛音轩·2023-03-11 19:37

react学习笔记-5：react路由

react旧版本路由旧版本的路由是按照组件的方式来写的编写router/index.tsx文件importAppfrom"../App"importHomefrom"../views/Home"importAboutfrom"../views/About"import{BrowserRouter,Routes,Route}from"react-router-dom"//两种路由模式的组件，Brow
snipercai·2023-03-09 15:24

Typescript是必须要学习吗？如何学习TS全栈开发

目录TS的全面性TS的必学性如何学习TS学习经历第一步学习ES6学习React学习Electron学习Taro和ReactNative学习Nestjs学习CLI构建推荐给大家总结Typescript目前在前端
·2023-03-08 21:57

React学习笔记-React原理揭秘

Hi,我是赵猛,今天整理一下React学习中的一些笔记。
weixin_51583081·2023-02-22 16:06

React学习笔记-React路由

Hi,我是赵猛,今天整理一下React学习中的一些笔记。路由基本介绍现代的前端应用大多都是SPA（单页应用程序），也就是只有一个HTML页面的应用程序。
weixin_51583081·2023-02-22 16:06

React学习笔记-组件生命周期

Hi,我是赵猛,今天整理一下React学习中的一些笔记。
weixin_51583081·2023-02-22 16:06

React学习笔记-React基础

Hi,我是赵猛,今天整理一下React学习中的一些笔记。
weixin_51583081·2023-02-22 16:36

React原理揭秘(React学习笔记_07)

React原理揭秘1，setState()2，JSX语法的转换过程3，组件更新机制4，组件性能优化1，setState()方法setState()是异步更新数据的state={count:0}this.setState({count:this.state.count+1})console.log(this.state.count)//1可以多次调用setState(),只会触发一次render重新
小王子__·2023-02-18 19:10

react学习（1）

知识点：1：react是什么用于构建用户界面的javascript库。换句话说，就是将数据渲染为html视图的javascript库。再简单说就是帮我们操作dom的库。2：为什么学原生javascript操作DOM繁琐，并且效率低（DOM-API操作UI）使用javascript直接操作DOM,浏览器会进行大量的重绘重排。原生的javascript不没有组件化的编码方案，代码复用率低。3：reac
哆啦C梦的百宝箱·2023-02-17 21:57

React学习笔记

学习视频地址：【尚硅谷2021版React技术全家桶全套完整版（零基础入门到精通/男神天禹老师亲授）-哔哩哔哩】https://b23.tv/h8JdR3笔记1虚拟DOMjsx函数式组件一般方法类构造器类式组件state图1state图2state图3state图4state简写赋值语句props基本使用展开运算符回调形式的refcreateRef受控组件(数据双向绑定)高阶函数和函数柯里化生命周
高磊_IT·2023-02-06 18:21

react学习笔记--state以及setState

在react中通过state以及setState()来控制组件的状态。statestate是react中用来存储组件数据状态的，可以类比成vue中的data。setState()与vue中不同的是state不能直接被修改，需要通过setState()的方法去修改。setState()更新组件状态之后不会立即生效，react为提高性能会按批次更新state然后render,即异步操作，所以setSa
赵的拇指·2023-02-06 00:43

React学习(一) 初识React

React介绍React是一个声明式的，高效的，并且灵活的用于构建用户界面的JavaScript库。学习一个新的东西建议多看文档英文文档,英文不好的同学可以看中文文档（缺点是跟新不同步）。React使用React使用有两种方式：在已有项目中添加React。添加一个DOM容器到HTML中这个id就是将来我们React组件挂载的位置，你可以创建多个div容器，但React都需要挂载在对应id容器中。添
IT_枭枫·2023-02-04 08:07

2019-03-03(react学习)

1、全局安装脚手架：npminstall-gcreate-react-app创建react脚手架（全局）2、create-react-appdemo13、react样式转化：https://staxmanade.com/CssToReact/
Yangsir_0d8c·2023-01-29 20:57

【Typescript学习】使用 React 和 TypeScript 构建web应用（一）预览成品、初始化react项目、常见类型

https://www.freecodecamp.org/chinese/news/learn-typescript-beginners-guide/第一天1学习目标（我个人的）入门TypeScript回顾React
咕咕酱没有悲伤·2023-01-27 13:02

props参数传入问题

不需要传入props参数,方法内使用this.props.官网介绍(https://www.reactjscn.com/docs/components-and-props.html)测试模板(正常运行)React
J_wendel·2023-01-27 10:01

React学习之Redux高阶运用

在Redux架构中，reducer是一个纯函数，它的职责是根据previousState和action计算出新的state。在复杂应用中，Redux提供的combineReducers让我们可以把顶层的reducer拆分成多个小的reducer，分别独立地操作state树的不同部分。而在一个应用中，很多小粒度的reducer往往有很多重复的逻辑，那么对于这些reducer，如何抽取公共逻辑，减少代
cheneyg916·2023-01-27 07:08

React学习: 01 创建React应用和安装Material-UI

安装Node.jsmacOS系统下先安装Node.js,否则无法进行以下的操作(当然其他操作系统亦然),Nodej.s官方的下载地址:http://nodejs.cn/download/创建项目CreateReactApp在项目的目录上层,终端下运行:npxcreate-react-appmy-app就是这么简单!不过首次运行会加载一些相关的包,可能会很慢,建议换成淘宝的镜像.推荐安装nrm在命令
J_Sky2022·2023-01-27 07:32

React学习笔记四(redux和react-redux和Redux Toolkit)

文章目录1.知识铺垫1.1理解JavaScript纯函数1.2副作用概念的理解1.3纯函数的案例1.4纯函数的作用和优势2.为什么需要redux3.Redux的核心概念3.1store3.2action3.3reducer3.4Redux的三大原则3.5Redux的使用过程3.6Redux使用流程4.react-redux4.1react-redux基本使用4.2redux&react-redux
凉宫凉宫凉·2023-01-26 05:35

前端学习 - React 入手

React学习ReactNative.jpeg自己的不足ES5语法ES6语法Html标签的遗忘Css样式单词的遗忘原生js的深入JSX语法函数的使用方式：如果需要解析对象，需要定义一个方法{show&&
Super三脚猫·2023-01-25 23:43

React学习31（react-router-dom 6.x版本的使用）

总述：因为在2021年11月推出了react-router-dom@6的版本，包括现在使用react脚手架创建项目时,react-router-dom默认是6的版本，以下将具体说明两个版本之间的不同的使用功能如若需要了解react-router-dom@5版本相关的写法，可参考个人博客前期的文章，希望对你有所帮助概述1、react-router以三个不同的包发布到npm上，他们分别为1）react
xiaojian044·2023-01-15 20:36

使用 Jest 和 React 测试库 (RTL) 测试 React

使用Jest和React测试库(RTL)测试React学习使用Jest和React测试库测试您的应用程序的最佳实践！
IT教程精选·2022-12-12 23:18

React学习笔记

React笔记React基础setStatepropTypes与defaultProps的应用React的生命周期函数React中ref的使用React高级内容受控组件和非受控组件无状态组件（函数组件）portals（传送门）context异步组件souldComponentUpdate高阶组件HOCrender和propsReactHooksstateHook让函数组件实现state和setSt
荏苒的苒·2022-12-12 09:12

React学习笔记：调度器（Scheduler）- 时间切片

react版本：18Alpha浏览器每一帧需要执行的任务切片调度下面是react源码中的几种调度方式，有先后关系方式一：isInputPending参考文档：https://wicg.github.io/is-input-pending/在运行需要显示某些内容的脚本时，开发人员今天需要做出判断。如果脚本可能计算很长时间才能运行并且用户在发生这种情况时进行了某种输入，那么浏览器将需要等到脚本完成后才
走在前端大牛的路上·2022-12-02 23:06

React学习笔记

本文使用版本Reactv16.2.0什么是React? React是一个声明式的，高效的，并且灵活的用于构建用户界面的JavaScript库 一个最简单的React例子ReactDom.render(HelloWorld,document.getElementById('root')) ReactDom.render接受两个参数，第一个是要被插入的内容，第二个是插入到DOM或者说index.htm
cocacola_lc·2022-12-02 21:44

一个被忽略的前端细分领域

相信很多React学习者都看过build-
·2022-11-30 23:11

React学习笔记

React学习笔记1.jsx语法规则/*jsx语法规则1、定义虚拟dom时，不要写引号2、标签中混入JS表达式时要用{}3、样式的类名指定不要用class，要用clasName4、内联样式要用style
WEXIA666·2022-10-22 15:14

React 学习笔记 - react router v6 hooks

React学习笔记-reactrouterv6hooks前言详解useHref功能示例useInRouterContext功能useLocation功能useMatch功能useNavigate功能示例
绿胡子大叔·2022-10-17 07:41

一个被忽略的前端细分领域

相信很多React学习者都看过build-
·2022-10-09 10:34

React学习-简单的React框架

电子健康卡二维码*{padding:0;margin:0;font-size:2.7rem;color:#000;font-weight:400;font-family:Helvetica;}html{font-size:1.7vw;}.no_select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-kh
·2022-10-07 18:27

react学习----组件

组件&Props函数组件与class组件1.定义组件最简单的方式就是编写JavaScript函数：functionWelcome(props){returnHello,{props.name};}该函数是一个有效的React组件，因为它接收唯一带有数据的“props”（代表属性）对象与并返回一个React元素。这类组件被称为“函数组件”，因为它本质上就是JavaScript函数。2.你同时还可以使
行者-龙·2022-08-20 18:57

react学习----jsx语法

jsx语法jsx优点：js逻辑和html标签，是一个JavaScript的语法扩展，具有JavaScript全部功能；React认为渲染逻辑本质上与其他UI逻辑内在耦合constelement=Hello,world!;//js与html相结合；constname='JoshPerez';//定义name变量；constelement=Hello,{name};//在标签中用大括号可以使用变量；1
行者-龙·2022-08-20 18:57

react学习—边界错误

边界错误一、边界错误1、使用错误边界一、边界错误默认情况下，若一个组件在渲染期间（render）发生错误，会导致整个组件树全部被卸载importReactfrom'react'importErrorBoundfrom"./components/common/ErrorBound"functionComp1(){returnComp1}functionComp2(props){return{this
飞羽逐星·2022-08-15 09:14

【前端学习】React学习笔记-react扩展:hook、组件通信、setState、lazyLoad、Context、Fragment、组件优化、render props、错误边界

跟着尚硅谷的天禹老师学习React看视频可以直接点击b站视频地址下面的内容相当一部分是来自于课件内容。1.setStatesetState更新状态的2种写法(1).setState(stateChange,[callback])------对象式的setState1.stateChange为状态改变对象(该对象可以体现出状态的更改)2.callback是可选的回调函数,它在状态更新完毕、界面也更新
鲁南彭于晏·2022-08-10 13:31

React学习 day-06 （Hooks进阶）

day-06Hooks进阶今日目标✔掌握useEffect清理副作用。✔掌握useRef操作DOM。✔掌握useContext组件通讯。useEffect清理副作用目标掌握useEffect清理副作用的写法。内容useEffect可以返回一个函数这个函数称为清理函数，在此函数内用来执行清理相关的操作（例如事件解绑、清除定时器等）。清理函数的执行时机a，useEffect的第2个参数不写，清理函数会
乘刚·2022-08-09 13:27

react学习

umijsDvamodel中，注意四个方法不要写错effects//不要漏掉sreducers//不要漏掉rs输入法和提示器的坑effects里面yield和标准的es6中yield用法是有区别的，因为dva整合了redux-saga，不需要使用next一步一步调用。
ioido·2022-08-04 16:24

React学习记录之前端跨域配置代理

场景前端代码importReact,{Component}from'react'importaxiosfrom'axios'classHelloextendsComponent{getStudnetInfo(){axios({url:'http://127.0.0.1:3001/student'}).then(res=>{console.log(res);})}render(h){return获取
猿小申·2022-07-02 12:47

React学习笔记---脚手架配置代理（React ajax）

脚手架配置代理（Reactajax）一、理解二、常用的ajax请求库三、配置代理的第一种方法四、配置代理的第二种方法五、总结方法一方法二一、理解React本身只关注于界面,并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方ajax库(或自己封装)二、常用的ajax请求库jQuery:比较重,如果需要另外引入不建议使用axios:轻
丑小鸭变黑天鹅·2022-07-02 12:15

浅谈技术学习，附一张哔哩哔哩的课程链接

Vue相比React学习难度不大，相比Angu
·2022-06-21 20:06
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他