2020.12.21 号, Dan Abramov, Lauren Tan, Joseph Savona, and Sebastian Markbåge 联合发布了一项 React 新功能:
一篇是 Gianluca Guarini 写的 《Things nobody will tell you about React.js》,我将它译作 《那些入坑 React 前没有人会提醒你的事》,因为作者行文中明显带着对 React 的批判和失望。
Facebook的软件工程师Dan Abramov发出了呼吁,要求让一款特别烦人的 JavaScript安全工具保持静默——该工具的创建者或多或少也认为确实有改进的空间。 “到今天为止,npm audit堪称整个npm生态系统上的一个污点”,Abramov 在一篇博文中宣称。“修复它的最佳时间就是在将其作为默认工具发布之前。修复它的下一个最佳时间就是现在。” 据Abramov声称,该命令标记出来的安全漏洞中99%是常见使用场景下的误报。而这在广大npm用户当中似乎是一种相当普遍的观点。 十多年前,Isaa
antfu 和 patak 开发了一个由 Vite 提供支持的快速单元测试框架,特性:
大家好,我是 ssh,曾经,大名鼎鼎的 React 核心开发者 Dan Abramov 接受了 up 主 Ben Awad 的一场面试,而且是正儿八经做题的那种。我们赶快一起来看看。
不知道大家有没有过这个疑问,React 中 setState() 为什么是异步的?我一度认为 setState() 是同步的,知道它是异步的之后很是困惑,甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Michel Weststrate,他认为经常听到的答案都很容易反驳,并认为这可能是一个历史包袱,所以开了一个 issue 询问真正的原因。最终这个 issue 得到了 React 核心成员 Dan Abramov 的回复,Dan 的回复表明这不是一个历史包袱,而是一个经过深思熟虑的设计。
2022 年 9 月 28 日,React 团队核心成员 Dan Abramov 关闭了在今年 5 月 4 日的 useEvent RFC 提案,React 团队会重新修正该提案,并可能会将其更名。
表面看,React核心团队似乎很大!但事实证明,像Eli White和Sebastian McKenzie这样的人都在React Native团队。
React 16 中有许多令人激动的新特性(最著名的是Fiber的重写),但是对我个人而言,最兴奋的还是React 16 对服务器端渲染所做的许多改进。
如果你正在筹划新的前端项目或者重构现有项目,那么你需要认识到现在的前端开发环境已经今非昔比,这其中有太多的选择了:React、Flux、Angular、Aurelia、Mocha、Jasmine、Babel、TypeScript、Flow…… 它们的本意是将开发简单化,却无形中提高了学习成本,也给未来项目的维护带来了不确定性。 好在这一现象正在退热,优胜劣汰,优秀的项目慢慢沉淀下来,开发方式也越来越清晰。有些开发者正在尝试使用基于上述技术的框架进行开发,也在一定程度上减少了学习成本。 本文中主要介绍了一些
在 React 源码中,context 始终存在,却在 React 0.14 的官方文档中才有所体现。在目前最新的官方文档中,仍不建议使用 context,也表明 context 是一个实验性的 API,在未来 React 版本中可能被更改。那么哪些场景下需要用到 context,而哪些情况下应该避免使用,context 又有什么坑呢?让我们一起来讨论一下。
Vue和React,谁才是更好的选择,这个争论似乎从未停过。但在一点上,双方粉丝似乎达成了难得的一致:
你知道 Redux 真正的作用远不止状态管理吗? 你是否想要了解 Redux 的工作原理? 让我们深入研究 Redux 可以做什么,它为什么做它的事情,它的缺点是什么,以及它与设计有哪些关联?
不必要的事件侦听器可能会导致各种奇怪的问题,因此最好在不再需要它们时清理它们。如何?这里有几种方法,ALEX 研究了它们的优缺点。( once 是一个很好的设置选项,如果你用的上,别忘记尝试使用)
React Hooks 是一个闪亮的新提案,将优化 90% 的 React 代码。 根据 Dan Abramov 的说法,Hooks 是 React 的未来。
Clean Code,顾名思义就是整洁的代码,或者说清晰、漂亮的代码,相信大多数开发者都希望自己能写出这种类型的代码。
可以说,从出生伊始,React的使命就不是讨好用户,而是Facebook探索前端UI开发最佳实践的一次尝试。
作者 | 褚杏娟 核子可乐 近期, React 团队正在更新 React 文档。期间,Vue.js 作者尤雨溪发布推特称,新的 React 文档应该向初学者推荐 Vite 而不是 CRA——或者如果需要使用 ESLint 或测试,至少也该推荐一个基于 Vite 的自定义模板(也应该使用 Vitest 而不是 Jest)。 Vite 是一个通用的构建工具,旨在为 VanillaJS、Vue、React 和 Svelte 等现代 Web 项目提供更快、更精简的开发体验,它不依赖于任何特定的框架。值得注意的是,
redux的作者是谁?Dan,他的全称叫做Dan Abramov,同时他也是React的核心成员之一
不过在Vue2的时候,可能大部分都是使用Vuex,而到了Vue3,Pinia就见得多了。
这篇文章主要是因为自己在学习React中setState的时候,产生了一些疑惑,所以进行了一定量的收集资料和学习,并在此记录下来
Sophie Alpert 和 Dan Abramov 在 React Conf 2018 中 提出了 hooks 这个概念,让我们一起来看看 Hooks 在解决一个什么问题。
前端框架的受欢迎程度每年都在增长, 如今,在较大型或者中型的项目,基本都需要使用框架来进行开发。 前几年,由谷歌发布的Angular和Facebook的React就开启前端框架地位竞争。 但是,在2018年,前端世界发生了重大变化,因为还有一个更强大的选手Vue参加了比赛。
跨年前两天,Dan Abramov在Twitter上提了一个问题: JS社区毫不犹豫的抛出了它们对于新技术的预期与期待,本文内容也是总结自Twitter的回复,按照流行度降序排列。有一个尚未确定的小
作者 | Luke Twomey 译者 | 核子可乐 策划 | 丁晓昀 新的 React 文档终于到来,目前已经通过全新 React.dev 域与广大开发者见面。 长久以来,官方文档是一直是新手们学习 React 的好起点。然而,新文档中表现出的一些倾向却在社区中引起了不小的轰动。 首先,新文档建议在首次启动项目时使用 Next.js 或 Remix 等 React 支持的框架,而无框架开发项目的老办法则像麻风病人般被“驱逐”到了页面下方的下拉部分。 不知道这样的变化将如何影响 Web 开发的未
也许你已经使用React很长时间了,你使用优雅的jsx语法和React hooks来构建组件,最终构成页面。
本文最初发布于 Medium 的 Donovan So 专栏,经 InfoQ 翻译并分享。
本文介绍了关于React License的相关问题,包括不同公司对于React License的使用和态度,以及React的授权问题。包括Apache,WordPress等公司的相关讨论。同时,也提到了React的回退方案,包括preact和anu等。
最近发现拉手的项目里一直有用 react-hot-loader 这个库,然后我就想:Webpack 不是已经有了一个 HMR(Hot Module Replacement) 的玩意了么?还要这个 loader 干啥的?
React和Redux是两个非常流行的JavaScript库,用于构建Web应用程序。React用于构建用户界面,而Redux用于管理应用程序的状态。在本文中,我将详细介绍React和Redux的使用,并演示如何将它们结合使用来构建复杂的Web应用程序。
《IMWeb前端月刊》会定期收集每月 IMWeb.io 社区精选好文、前端新闻、版本发布、技术大会,欢迎大家订阅。 IMWeb.io 社区精选好文 从渲染原理到性能优化 或许你正在使用或者了解了React,但你研究过它内部的渲染原理吗?文章详细讲述了react如何根据JSX生成element,element又如何生成真实DOM节点,并通过实际例子,讲解了如何优化组件。 网站性能优化实战 文章详细讲述了浏览器的架构与内核,探究了浏览器渲染机制、事件机制,并由此引出了网站性能优化的方案。 你不知道的 Elect
出品 | OSC开源社区(ID:oschina2013) core-js 作者 Denis Pushkarev 今日发表了一篇长文《So, what's next?》,他表示原本只是想介绍自己正在积极
Redux 作为 React 全家桶的一名重要成员,在众多大牛的力荐之下得到了广泛的应用,Github 上的 Star 也达到 42k 之多!然而,当触及最根本的问题,为什么要使用 Redux 的时候,很多人是说不清楚的。本文尝试解读 Redux 的设计初衷,并结合 React 谈谈实际的使用场景。本文只谈理论,不会对 Redux 的使用作过多的介绍。
目前网上有很多「XX源码分析」这样的文章,不过这些文章分析源码的范围有限,有时候讲的内容不是读者最关心的。同时我也注意到,源码是在不断更新的,文章里写的源码往往已经过时了。因为这些问题,很多同学都喜欢自己看源码,自己动手,丰衣足食。
相比其他语言,我觉得 JavaScript 的生态系统太奇怪了,实际运行的代码已经不再是开发者编写的 JavaScript,而是各种编译工具最终生成的产物。
文:萝卜(沪江金融前端开发工程师) 本文原创,转载请注明作者及出处 如果你使用 React ,你可以在各个工程里面看到 Dan Abramov 的身影。他于 2015 年加入 facebook,是 React Hot Loader 、React Transform、redux-thunk、redux-devtools 等等的开发者。同样也是 React、Redux、Create-React-App 的联合开发者。从他的签名 Building tools for humans. 或许表明了他想打造高效的开
不知道什么时候起,市面上开始流行所谓的面经、背题之类的八股文,大到字节、腾讯、阿里、baidu,小到十几人的小微企业都是开始有大量的算法类笔试题。而且在面试时的问题也越来越标准化,网上到处流传着 xxx 公司面经、xxx 公司面试题这种东西,我不禁感叹这种方式的面试和筛选简历的方式真的能招到好的人才吗?
OS:虽然这是一篇 19 年 4 月的文章,但是对于 Hooks 说的非常清晰,作者也是请到尤大进行了原文的订正,对于了解 Vue Hooks 的设计及发展,还是有很好的阅读性的。
前段时间,我们写了一篇Redux源码分析的文章,也分析了跟React连接的库React-Redux的源码实现。但是在Redux的生态中还有一个很重要的部分没有涉及到,那就是Redux的异步解决方案。本文会讲解Redux官方实现的异步解决方案----Redux-Thunk,我们还是会从基本的用法入手,再到原理解析,然后自己手写一个Redux-Thunk来替换它,也就是源码解析。
原文:https://css-tricks.com/how-the-Vue-composition-api-replaces-vue-mixins/
useEffect 会捕获 props 和 state。所以即便在回调函数里,你拿到的还是初始的 props 和 state。如果想得到“最新”的值,可以使用 ref。
在我使用JavaScript的头几年里,我觉得自己是个骗子。尽管我可以用框架建立网站,但还是缺少一些东西。我惧怕JavaScript的工作面试,因为我对基础知识掌握得不够牢固。
请原谅我起了这么个浓浓营销号味道的标题。但这可丝毫没有夸大宣传,而是前端娱乐圈今日份的瓜——
随着应用程序单页面需求的越来越复杂,应用状态的管理也变得越来越混乱。应用的状态不仅包括从服务器获取的数据,还包括本地创建的数据,以及反应本地UI状态的数据,而Redux正是为解决这一复杂问题而存在的。
2012 年,横空出世的 Angular.js 一举改变了前端开发的格局,在市场上迅速取得成功。仅仅两年之后,开发团队又推出了 Angular 2,基于新的范式对原始库进行全面重写。但包括我自己在内,不少开发者都不愿修改现有应用来适应新的设计思路。于是在新项目中,Angular.js 不再作为优先选项,市面上其他出色的框架开始迎来自己的机会空间。
译自react-js-presentational-container-components,by Krasimir Tsonev.
领取专属 10元无门槛券
手把手带您无忧上云