react

目录1 React和vue的区别4.2 lmmutable4.3 无状态组件4.4 Hooks 4.4.1 useState 4.4.2 useEffect 4.4.3 usecontext 4.4.4 其他 4.4.5 高阶组件 4.4.6 原理4.5 状态管理 4.5.1 Redux 4.5.2 Mobx 4.5.3 zuStand4.6 Router 4.6.1 Router 4.6.2 模式 4.6.3 对比Vue4.7 虚拟DOM 4.7.1 Render 4.7.2 Fiber 4.7.3 Diff4.8 错误边界4.9 事件代理4.10 Class组件4.12 组件通信4.13 ...

目前只会react，不知道接下来的时间是用来加强js和react比较好还是去学习一下vue做个项目比较好。感觉很难两者兼顾。对react的熟悉程度是较为系统的学习过，做过项目，需要复习。对vue一点了解都还没有。求职意向是 外企≈国企 〉大厂感谢！

24届成都前端岗位还有没有要的啊，马上毕业了还没offer，是不是该转行了😭。（听说还有国企补录，但是没有渠道😩）（本科，vue/react都会，有一段实习，还是找不到😤）想知道现在还有多少前端er在成都没找到工作的😅

校招面试的时候可以只熟悉一个，但入职之前最好把两个都学了。因为你不知道你即将进的组用的是哪一个，而且React是前端必学的一个框架。像我只学了Vue（还是没走出舒适区），进的组技术栈却是React+TS。可是，下周就要开始做项目了啊...人家老板并不会给时间你学。还能咋办，不会的直接查文档看博客学习，先熬过去再说。所以这对我来说也是一种考验吧，前端很需要这种快速学习新知识新技术的能力，真的。所以建议学弟学妹们，有时间可以把React和Vue两个都学了，没时间的话就找到工作之后，面试会根据你会的技术栈来问。

🐂爷爷们有没有react组件库项目推荐

搬砖了也两个多月了，虽然一直在写 React 的代码，但很多都是写写 useState 或者 setState 更新下数据，然后在TSX里面用大括号包着展示下数据，或者传个 props，或者后端提供接口过来，写个网络请求的接口什么的。简单的需求也不可以一直写下去的是吧，这样对个人成长帮助不大。所以，为了迎接今后更加困难的挑战，我决定补一下 React 基础和 JavaScript 进阶。关于学习方式，React 的文档我一直也在看，只不过笔记不好做，因为你会发现文档里面到处都是重点。犹豫的时候第一时间就想到了我的前端大导师：coderwhy老师。其实他的React这门课我去年暑假就买了，Vue3那门我也买了。但一直放着吃灰，因为当时没时间看啊。终于，今天它有用武之地了。今天周末看完第一课，coderwhy 老师 yyds！深入浅出，循序渐进，讲得很细适合新手。工作前在看 coderwhy 视频，工作后还在看...在这更新下我上课做的笔记吧，方便今后回顾，感兴趣的可以看看：https://juejin.cn/column/7281840911796781068

React为什么要推出Fiber架构，这是一道非常高频的React面试题，但是很多同学在面试时候要么回答不出来，要么回答的不深入。老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：React推出Fiber架构是为了解决React中的某些性能问题，并提供一些新的功能。在React的传统架构中，采用了递归的方式创建虚拟DOM，递归过程是不能中断的。如果组件树的层级很深，递归会占用线程很多时间，因为JS是单线程的，所以当递归占用线程时，UI渲染线程就会一直处于等待中，所以用户会感受到页面卡顿。为此，React推出了Fiber架构，Fiber 是 R...

本文首发于个人博客 在自己博客中也用到了 React-Query，然后再看到公司项目是使用的 Mobx，发现了所有的状态以及逻辑处理都放在了 mobx 中，整体看起来比较乱，不是很好管理，然后想着能不能把 React-Query 应用到公司项目中，在最近的一次需求中，也是成功使用 React-Query 来管理接口请求的数据，成功的把 Mobx 中的很多状态全部都删除了(600 行 -> 200 行)，我想这是 React-Query 的胜利。 所以本文主要是来说一说，React-Query 是什么？ 为什么要用它？用它有什么好处？ 状态 在讲解 React-Query 之前，我们来谈论...

这是一道非常高频的react面试题，但是大多数的前端要么回答不完整，要么回答不深入。老规矩，点赞收藏支持一下，给我一分钟，理想哥教你该怎么满分回答这个问题。如果我是求职者，我会这么回答：setState是同步还是异步？需要区分react 18之前和之后两种情况。在react 18之前，源码中executionContext字段代表着目前任务所处的阶段，如果executionContext被赋值，代表着该任务进入到了react 的调度流程中，此时react会对该任务进行异步处理，就是我们常说的批量处理，如果executionContext没有被赋值，代表着该任务没有进入到react 的调度流程，...

在之前的全球网站统计中，利用 React 构建的网站比例远大于 Vue，而随着 Vue 的飞速发展，尤其是去年发布了 Vue3 后，越来越多的人开始使用了。   那么在这种情况下，用 Vue 构建的网站比例如何了呢？除了 Vue 和 React，其它框架的占比如何？每个网站的性能又如何？    所有数据无法证明这些框架孰优孰劣，毕竟框架只是提供能力，所以比较结果仅供参考     本文数据是用户在使用 Chrome 浏览器访问网页时自动上报并记录的，应该还比较有权威性    前言   Chrome 所统计的网站性能指标主要来源于三个维度：               LCP[1]（Largest...

react 概述 什么是 react ？ 1. React 是一个用于构建用户界面的JavaScript 库。  用户界面：HTML 页面（前端） React 主要用来写 HTML 页面，或构建 Web 应用。 如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。  React 的特点 1. 声明式。  只需要描述 UI（HTML）看起来是什么样，就跟写 HTML 一样。 react 负责渲染 UI ，并在数据变化时更新 UI 。 const jsx = Hello React!动态变化数据：{count}   2. 基于...

大家都是做的什么react项目啊，看了一圈儿，感觉那些项目都烂大街了，培训班的项目更不想做，求推荐React项目啊

想象一下React应用程序，在这个页面上，有一些todo的列表，页面底部可以添加列表，该列表用redux来存储。如果用户添加了一个新的todo项。我有两个选择：    1.发一个post到后端，用来保存新添加的项，但此时todo列表不会同步更新，我可以同时发出get请求来获取数据，但这样感觉不太优雅。（我也不知道工作中是怎样弄的😐）   2.先发送post到后端，然后通过redux派发异步的action，在异步action中发送get请求获取数据，存入store中，并更新列表，但这样刷新之后就没了。   不知道我描述的清不清楚，就是这一类的情况应该怎么办

React组件是构建用户界面的可重用代码块。 组件可以将界面分割成独立的、可复用的部分，每个部分只负责一个特定的功能。 通过组合不同的组件，可以构建出复杂的用户界面。⚠⚠⚠函数组件（Functional Components）: 函数组件是一个纯JS函数😜，接收一个props对象作为参数😜，并返回用于描述UI的React 元素。函数组件是[无状态]😜的，不需要内部状态或生命周期方法。使用函数组件可以编写简洁、轻量级的组件。😜⚠⚠⚠类组件（Class Components）: 类组件是ES6类的扩展🌹，通过继承React.Component类创建。类组件具有内部状态🌹和生命周期🌹方法。通过定义render()方法，可以渲染React元素返回的结果。类组件提供了更多的功能和灵活性，可以处理内部状态、生命周期方法以及处理用户交互等。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8fdf5cbfd63b4a8a8e6491e5c03b513f

在React中，属性（props）是传递给组件的不可变数据❗❗❗。它们是组件的输入，类似于函数的参数🌹。属性通常从父组件传递给子组件，子组件只能读取和操作这些属性，但不能修改它们❗❗❗。属性是一个JS对象🌹，可以通过this.props来访问。每个属性都有一个名称和值。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8fdf5cbfd63b4a8a8e6491e5c03b513f

有没有react的小伙伴一起学习啊，最近我在做项目，有一些不懂的地方想一起交流下。平时你有不懂的也可以告诉我，我也会尽自己所能帮助。平时可以的话一起玩玩游戏（我玩王者和原神）

函数组件基本使用  React 的函数组件是 React 组件的一种形式，它们是无状态的（stateless），并且只接收 props 作为输入，然后返回 JSX。从 React 16.8 开始，引入了 Hooks API，这使得函数组件也能具有类似于类组件的 state 和其他功能。  1、基本使用 <body> <div id="app"></div> <script type="text/babel"> let app = document.querySelector('#app') let root...