react学习

React学习笔记2-初识React

这篇七个点：1环境搭建，2JSX，3组件，4数据流，5生命周期，6React与DOM，7实例1环境搭建1.1引用ReactCDNTitleReactDOM.render(bolala,document.getElementById('example'))1.2利用create-react-app脚手架npminstall-gcnpm--registry=https://registry.npm.t
波拉拉·2023-04-21 06:42

React学习总结2--state与props

React组件是根据props与state这两个参数来计算呈现对应的ui表现。demos源码statestate是组件内部状态的保存。state代表组件ui的最小状态集合，在我们刚接触react的时候很多时候不明白是否应该把变量作为state，其实是有一定的依据条件来判断的：是否是通过props获取？如果是，它就不必为state是否是一个常量，整个生命周期都保持不变？如果是，它就不必为state是
琉璃_xin·2023-04-19 05:31

记录react学习的摘要

记录react学习的摘要启动react项目到项目文件内，用npmstartES6其他内容bind()箭头函数解构和展开Componentscomponents是js类jsx文件的return多个标签用或将其括起来
golitte r·2023-04-15 18:22

react学习笔记

使用create-react-app脚手架搭建项目npxcreate-react-appmy-appcdmy-appnpmstartJSX语法中，如果我们要使用自己创建的组件组件名必须以大写字母开头如App组件的render元素必须写在一个div标签内部有时会影响布局效果。自定义组件可通过引入Fragment占位符替换最外层div标签则组件最外层不会有任何标签包裹。响应式设计思想和事件绑定JSX语
职场丧尸·2023-04-13 11:11

react学习笔记

react学习index.jsimportReactfrom'react';importReactDOMfrom'react-dom';importAppfrom'.
三天两觉_·2023-04-11 11:27

react-组件之间的数据共享

React学习之路021.表单处理2.组件通讯介绍3.props深入了解1.表单处理受控组件的概念：HTML中表单元素时可输入的，也就是有自己的可变状态React中可变状态通常保存在state中，并且只能通过
Lazy-zheng·2023-04-10 00:11

React学习之前言

React是一个采用声明式，高效而且灵活的用来构建用户界面的框架。学习的第一件事，当然是通过它的HelloWorld去了解，在通篇看完官网的井字棋入门教程和阮一峰关于React简单介绍的文章后，对一些概念，总结了一下：1.组件类的首字母需大写，一般来说规范是大写驼峰式。JSX的基本语法规则：遇到HTML标签（以<开头），就用HTML规则解析；遇到代码块（以{开头），就用JavaScript规则解析
高贵的懒羊羊·2023-04-09 19:30

2020年前端学习体系与前端概述

H5UIbootstrapless/stylus模板引擎swiperiscrollselect2工程课程：ES5/6/7git&GitHubnodeJSmongoDBmySQLwebpackgulpbabelVUE微信小程序REACT
海牙kyogre·2023-04-09 00:56

React学习笔记（三）

组件的生命周期React中组件也有生命周期，也就是说也有很多钩子函数供我们使用,组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)初始化在组件初始化阶段会执行constructorstaticgetDerivedStateFromProps()componentWillMount()/UNSAFE_componentWillMount()render()compon
千锋HTML5学院·2023-04-08 15:33

React学习笔记——使用redux调试工具

安装chrome浏览器插件下载工具依赖包npminstall--save-devredux-devtools-extension注：在Chrome中下载了扩展程序后，必须要安装工具依赖后才能生效
小姚同学要继续加油呀·2023-04-05 06:44

react组件卸载调用的方法_好程序员web前端培训分享React学习笔记（三）

好程序员web前端培训分享React学习笔记(三)，组件的生命周期React中组件也有生命周期，也就是说也有很多钩子函数供我们使用,组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3
weixin_39549110·2023-04-03 14:09

React学习笔记

平时使用React比较少，但是最近在搞Lexical编辑器，不得不系统学习一遍React。最近React官方文档进行了升级，体验变得更好了。打算从官方文档开始学习，每天发一篇官方文档的翻译，用一个月的业余时间系统学一遍。言归正传你的第一个UI组件组件是React的核心概念之一，它们是构建用户界面(UI)的基础，这使它们成为开始学习React的理想起点！你将学习以下内容：什么是组件组件在React应
lefex·2023-04-02 05:53

react学习笔记（四）

react学习笔记（四）react-transition-group安装npminstallreact-transition-group引用import{CSSTransition}from'react-transition-group
无聊写写·2023-03-31 02:57

React学习——路由的基础用法

1、创建React项目参考连接：使用yeoman创建React项目2、安装路由cnpmireact-router-Scnpmireact-router-dom-S3、建立如下文件src/index.jsimportReactfrom'react';importReactDOMfrom'react-dom';importAppfrom'./pages/app'ReactDOM.render(,doc
咸鱼str·2023-03-31 02:48

React学习——路由

路由官网中文官网vue-router和react-router的区别：vue-routerreact-router分离式嵌套式排他性（只有一个路由被渲染）包容性（多路由渲染）静态路由动态路由安装ReactRouter被拆分成三个包：react-routerreact-router-domreact-router-native结构BrowserRouter|HashRouter根组件(App)Nav
乙太.·2023-03-31 01:02

React学习五（页面路由）

文章目录一、前端路由二、hash模式三、history模式四、两种路由方式的差异五、React的页面路由模块：react-router-dom的使用1、安装2、实现路由模式的组件（决定路由模式）3、Route组件4、Router组件5、Link和NavLink组件（1）Link组件（2）NavLink组件6、Redirect组件7、Switch组件8、withRouter组件9、404视图六、re
二十一块石头·2023-03-30 22:26

React学习总结

创建react应用npminstallcreate-react-app-ghtml写在了哪个js文件中，就在哪个js文件中引入css。react中引用静态资源也要使用模块化的方式，比如是不行的，要用importabcfrom'/img/a.jpg';react组件中的方法不能直接调用this.state，必须绑定this后才可以image
晴天的枫·2023-03-30 12:26

React学习笔记（一）

react特点用过ReactDOM.render(html,id)的方式渲染页面；其中html是html字符串，多个html节点可以用()包含，里面可以使用js变量，js变量需要用{}包起来；id是挂载元素的实例，可以通过document.getElementById获取；函数封装(组件)：functionClock(props){return({props.date})}除了函数外我们还可以创建
老夫当年也是神一般的少年·2023-03-29 04:53

react学习总结

1.安装npminstall-gcreate-react-appcreate-react-app文件名cd文件名npminstallantd-mobile--save路由跳转npminstallreact-router--savelocalhost:3000打开浏览器2语法注意(1)添加class名,react必须使用className添加(2)想对标签添加样式有三种方法行内样式如:style={
likeli·2023-03-29 03:43

react学习

一：react理念-快速响应，解决快速响应-同步更新变为可中断异不更新。二：react架构调度器（任务优先级）/协调器找变化组件/渲染器将变化组件渲染在页面当项目变得庞大、组件数量繁多时，就容易遇到CPU的瓶颈。JS脚本执行-----样式布局-----样式绘制IO的瓶颈-接口请求慢时间切片将同步的更新变为可中断的异步更新。二：React16架构可以分为三层：Scheduler（调度器）——调度任务
丶温瞳·2023-03-26 19:10

vue, react学习步骤

本文是写给小白的，大佬可以划走哈。无论vue还是react，学习的思路其实都是差不多的，之所以有些人学不懂，可能就是没抓住主线，而导致总体的不连贯如何创建一个工程，并跑起来----官网基本都有，主要就是脚手架的用法。vue3的vite貌似会成为主流如何管理路由，路由的传参方式有哪些，路由守卫过滤的方法如何实现。（vue是现成的，react需要自己实现）如何定义一个组件，组件的变量，事件怎么定义。生
b59a2ae26f20·2023-03-25 18:27

React学习

用了React也有一段时间了，但是对于React的实现过程一直感觉朦朦胧胧，没什么太深的理解。最近抽出一了一点时间学习了一下它的源码，自己按照源码和网上的大神指点，也写了一下，学习到了很多。不能说全部弄懂，但解决了心中的很多疑惑。欢迎大家提出宝贵的意见和建议github:https://github.com/wenhengyi/my-react.git
bingshuihe·2023-03-24 11:43

react学习之路（一些小知识）

1、我遇到的问题react的return中，return出来的内容里，如果有我就是{``}这个问题)这里是利用了{}，告诉react这是一段js代码。然后就可以了。2、react书写写react的时候，使用classTestextandsReact.Component{}而不是varTest=React.createClass({})因为后者在新版本react中被舍弃。3、react中this问题
Rejiu泡泡糖·2023-03-23 14:38

React学习笔记（四）

组件通信父组件与子组件通信父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自己状态的时候，子组件接收到的属性就会发生改变父组件利用ref对子组件做标记，通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法..子组件与父组件通信父组件将自己的某个方法传递给子组件，在方法里可以做任意操作，比如可以更改状态，子组件通过this.props接收到父组件的方法后调用。跨组件通信在
千锋HTML5学院·2023-03-22 04:53

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
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他