星期一 12 凌晨 五月 13o 2024
RD#455 The Forensics Of React Server Components
The Forensics Of React Server Components
27 minutes by Lazar Nikolov
React Server Components combine the best of client-side rendering, and author Lazar thoroughly examines how we got here with a deep look at the impact that RSCs have on the page load timeline.
Supabase is now GA
sponsored by Supabase
The open source Firebase alternative is now Generally Available.
A (Mostly) Complete Guide to React Rendering Behavior
about 1 hour by Mark Erikson
Details on how React rendering behaves, and how use of Context and React-Redux affect rendering.
Locality of Behavior in React Components
5 minutes by Alex Kondov
While programming is solving a problem through code, engineering is maintaining that solution over time. After building software for the last 10 years, I’ve found the former is easy, but the latter isn’t.
React Strict Mode and Race Condition
4 minutes by Nico Prananta
One of the main reasons React introduced Strict Mode is to help us find hard-to-notice bugs, like race conditions. One of the ways it does this is by re-running Effects twice in development mode.
Why Patching Globals Is Harmful
20 minutes by Artem Zakharchenko
Throughout the next few thousands of words, I will be referring to modifications of global APIs as “patching”. You take the code you don’t own, you modify its behavior, you patch it. I hope we are clear on semantics.
[在线阅读](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8hErXB2vrDHg5DYaj51xP1Ue89sFmLc8SZ8-bGX-O5IuMB2b0xL08CvrqFbbFUn\_mOZIaBi8e8BoCK8-2gMEShrPnHD uwaAOhujkM8VlMiY1CeDF8pqWzXT5GjozG1EOKfqHG5eeSgOwo2DEYL9nOaPxyKi7gAHlH7p9IFsvstTGNo35A_1TAywh0I81R4owzF_nBE5DhHOo5U_VWKKln_cR518bJ9kXDWZbErrlDvw_N xPS9xXrrEqqARLHJaZSZALzO0alB8jXQ-yQs3sPpJlGol7IDFcS4A0IGml2XAaveNmaHYAxBYvGyCGHdxVTLagMi5Bes0rhOvioBf10mAdfffBXUWjKiIABlqosskO1ul-GEAj3Dt1EMj-9sDR3cXtjainUEK w-9_SHTrsb6jka0sayrnBCpNc6bbdMxafBsZBrMO-O4Hp5nUAaYnyYrxwzGj6ijv87PyiN5L_xNr2EHzG8f5JcVhGDRfRKeM_uCuj99N1W0AurmWf8IWaPJm2v0ieCvhu2oVOVFdcMrYFoAkhXS Z1vPr2w6Jx6_jdZJi5tB_T6aVCDpPR4xiKlh1XdRNOAkkK853Xltt9cPZe8S6IK68FnOARkkELPwd131o8CFk1et1-75FBs6yhbZuYvJnQON83fuXOwEvdRCZDw/46a/-MPcrfIYTeGINXT2 19zlGQ/h0/ h001.FmY8fZi4BPNpFmi94jti-mkE2TAyFI4DIN4o7MKUOa0)
[React 服务器组件取证](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqdUqvrAcuWP08tYMJ3IAaFO\_vJ4JNbFh3P7-XsDELPrle72ODoziqicUVCyKx0CBz2ZSPrJUlIBPa8swW1ghg\_ Jt288FHFoz7TgBrzIHFGrrMx0kKZsXGiW9vAm6kNUCTIK0waZGRfLTRgZYIgCWKFVULMPmgd5dWd2O3nNl6jWj81obXXi1nZUL_6sJBtV4nOpFtMZSAWIWezdsxdqCIWewShXAoen1-Ln_LZ2T5JQ 5VKDVDvEDuHHViw7RHVClrg/46a/-MPcrfIYTeGINXT219zlGQ/h1/h001.yoipEK8y_GVf_ntsw7V7dbSgYD6CgKeMonsHxJMlzW4)
27 分钟 拉扎尔·尼科洛夫
React 服务器组件结合了最好的客户端渲染,作者 Lazar 深入研究了 RSC 对页面加载时间线的影响,彻底研究了我们是如何做到这一点的。
[Supabase 现已正式发布](https://link.mail.beehiiv.com/ss/c/u001.umaHyWnMavjtWWn\_0mUAO35oA5CkVYx29QDYAp0J07Iv9rhR0lD\_zF0CLhhk4LOVL7IOF3T3kEjpTfPet2UNwe9K-0N8LtsWk9bFRKyaig vih5-TggO-AEFTpVULa8jyO3LghN62Rt5ZTmH—mxZ912sYjCTy_-_XoxH6V9-Fm7lNthpWC6BuaBCgbUM62CleULWOL4UvEtKKmZW7o0bSw/46a/-MPcrfIYTeGINXT219zlGQ/h2/h001。 AR3lsgO0YelpG3KkZxn9zDXqcMa8hUqLeQzbYyo6_Z0 )
由Supabase赞助
开源 Firebase 替代方案现已全面上市。
[React 渲染行为(大部分)完整指南](https://link.mail.beehiiv.com/ss/c/u001.0APXl0QZL7fWOKx6hVh63kxVSnd3-RrNpdNkuw4zipdHvKg\_fbIWnaqYhUxDjK8DrYDln-tL2GMw2MF0S5Ec6rjFRRc94ui 97TmugT-InBOTf21UZIullP_aVFXQe4sV1Mv1fUD8rarNA-FdSfwNiMqZ0lS1iz3KLWRmr6tUAz67u5zUH33W0jV0qkp-bUzecO057Go-f41qFMKFXI1WrOBtvou3nwaC6SGrX_mc35AwN qsVfXshmatRCKuR7-vfxubFdsE73Gx9dWPM4yFXdI0xlGUedxULpsm6cFDdz24AZBedXRGtzVbfsASlax3P/46a/- MPcrfIYTeGINXT219zlGQ/h3/h001.uf9K-GlYLzjyCrGVig2FCLLBt2yq-qmTPNbIemZcGiE)
约 1 小时马克·埃里克森 (Mark Erikson)
详细了解 React 渲染的行为方式,以及 Context 和 React-Redux 的使用如何影响渲染。
[React 组件中的行为局部性](https://link.mail.beehiiv.com/ss/c/u001.DNYuWskNLZN5iE3d5ylPw\_tSr8xvIWN4j7Z6rD1otnm-6y5bjPTImMjm\_hFkjV-GfSUN1uzUeuuYTOxMTXo3KMMaVmPNl1Vz3Fz8BIz LVPCG6nD3FUh8EQWY6rQRarXWa2WlcFEzHjR0YTj4JfA97q2E2-g8qHvBlh-eeyWJ20Uj0lwe6grLerzbvbUOYcY0ddYbCh7ivMZ3_WRka6bqJGzsSwD-ECNB9y2dNODH1UQ/46a/-MPcrf IYTeGINXT219zlGQ/h4/h001.D0YrSngwjuU9ASSLrXEBLflZ6jJmAF0HSLG8fL2pbnU)
5 分钟 Alex Kondov
编程是通过代码解决问题,而工程则是随着时间的推移维护该解决方案。经过过去 10 年的软件开发,我发现前者很容易,但后者却不容易。
[反应严格模式和竞争条件](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqfLlFcsXOFpUrtXNVZnzChyYjtYuiCd4n2plsP2LokpXOuqNWkpK9wNGeP2rMTG2rIbhORFiugc8znyvj wnFgwbpN1yygBUKXGdiBJ16ifMwcg_wOwbT1NS7fqZm78LP8Ff4_uOECejtxrq9d32Ggnpy9MedbojeIefvM4VqEc1S3lJUtxGp3_m6o2TxIRc-j5Xpj4eWGon8rosfqu9bIro5C2v6-S pBhdIHK31qvr0e/46a/-MPcrfIYTeGINXT219zlGQ/h5/h001.XUkFSYA5cP0gfzJxyKObqlRc0z7d5G_UlrAWFh0tIvw)
4 分钟 尼科·普拉南塔 (Nico Prananta)
React 引入严格模式的主要原因之一是帮助我们发现难以注意到的错误,例如竞争条件。实现此目的的方法之一是在开发模式下重新运行 Effects 两次。
[为什么修补全局变量是有害的](https://link.mail.beehiiv.com/ss/c/u001.K5pvBZzC3tJzgxtI00uQCHbH9vbSx1zKKd3MWdVqhyqcllTr5ebJvvKQLOvdDhAV2aEn41PJCiuF2bOC9r714TJfr7iFtC8NVIU4 UY3KzDXuucBQ_etHnsCloYkpFMjJgrgJCZUKr9vIeyLD—HLSQvOf3iDnX9G4IEVMeYnJBu21Ci 5hQmtF273Wt8rfaGEWhM_f-xSfJlIftpt21Wq_EcMgwdHDU_QdrefqLbh1pTtvfUEDFRnhWkS9ne N4JOk/46a/-MPcrfIYTeGINXT219zlGQ/h6/h001.8A_8OMoeKdclmgSd87UNnB0xPtWvn3xVrTN7_z2Zqtg)
20 分钟 Artem Zakharchenko
在接下来的几千字中,我将把全局 API 的修改称为“修补”。您获取不属于您的代码,修改其行为,对其进行修补。我希望我们在语义上很清楚。
发布者