reactdigest

星期一 12 凌晨 十二月 11o 2023

RD#436 Let’s learn how modern JavaScript frameworks work by building one

RD#436 Let’s learn how modern JavaScript frameworks work by building one

Read Online

你好! 👋

本周我已将时事通讯迁移到另一家电子邮件提供商。如果您发现任何问题或者电子邮件未到达应有的位置,请告诉我。

[让我们通过构建一个来了解现代 JavaScript 框架的工作原理](https://link.mail.beehiiv.com/ss/c/JwgJ21y-yo16Zc6oHEqV-tW64a3aE-rgFxlLwL\_57C0vDzawRbYlvIAmWIbtBaDVzoNG8QSnk2Cgbcc-WsWszMAzajqmORGOfmP6j 0HaMzJH_XyCXKoZfPBiBhSqBiWzh3ckt_sr83t5XWmqcKLkvkdwVzIKI-gvSpvaEaHB7iAqiALwMU 3lrfNE2ikogiy185diErUgnzFg5OopNkOfFqceF6Zqfp6FLUVzhLJsky7zfgn-r2LaLxob3IvaoR6 VUf6Du4etX1Yl_UAsJIbEa5123vWgFy_23kgOX2UgYPCMSErFUnihthwBKHhS3BxANsQlBCeGNz8neuob-jTKLA/420/3IC8ipytS0WiQtHCX63f4Q/h1 /scGw-NwNZp2zUfw8ggZCpt9olYhqcCT1DC2fguyDm6E)
16 分钟 诺兰·劳森

然而,了解某些东西如何工作的最好方法之一就是自己构建它。另外,我们必须让“自上一个 JavaScript 框架以来的日子”继续下去。那么让我们来编写我们自己的现代 JavaScript 框架吧!

[从 Porkbun 获得 1 美元折扣 - React 用户的最佳注册商!](https://link.mail.beehiiv.com/ss/c/Rbmf5CzHe5itG0NBmgkKQM6YehsOdHThPcQsRSJDyObaL6isCk2hyNeLfunJs8-vuX9meVTLow2wAqqbjEUmpnftMjmkmGD-Wy-n bEXT7yHj85Za63KyoKBp9uEEKDp4Oyz8jkxD2h9Lpywg-xSFIPtZMFtJh45fmPhQNDJIlUe7g1E7GovAe4Kh5kOM3SeE5gD-8CEaFhSJzvpcv1Gd-zes_w0mfyhaAkNTcsWdTm3H9b_Uu YFZZP-8EOeYvl2S /420/3IC8ipytS0WiQtHCX63f4Q/h2/XBz4kBhL-J4aIhOvtgHLcbg_2oDoI_9U9xKuSx9GAKs)
由TLD赞助

Porkbun 为 500 多个域名扩展提供令人难以置信的低价,包括 .dev、.xyz、.io 和 .tech。另外,每个域名都附带 SSL 证书、WHOIS 隐私、DNS、URL 转发和托管试用等免费赠品,因为为什么要为应该免费的东西付费呢?从 Porkbun 购买下一个域名可节省 1 美元,看看为什么他们是科技行业每个人的域名注册商。

[如何在 Remix 中保持加载程序数据新鲜](https://link.mail.beehiiv.com/ss/c/Rbmf5CzHe5itG0NBmgkKQAi-D57oydjKL6HpF8fBPNXDwn2fWMRR3B3BckBom0cYeoL5cdH-Vxk1QgLa19ce3RoV223Z8mzKUaS4yJcMWVzyIEF YwVlXtux4BXCn9s_2G4tO64cPPB92_izPDnAeBnXckNojhq4O32s8NDPqVrIs_IOmoYZyr3y1a 5hFl_4U_JIp3a5OFeqWXy-D9nNCEkuofHtuaxauytNThSbU0pnEtdKrk4DemQ5PLKOhx-FWJA3 A1b8uxneKvM9MFZrWLbeyyx7KtaE8arX5C2mUyWQ/420/3IC8ipytS0WiQtHCX63f4Q/h3/KL3ZvC_GWj8znPG5zjORq12_xL325MGCfeZX80oXrM0)
4 分钟 Sergio Xalambrí

使用 useRevalidator 钩子,我们可以按一定时间间隔重新验证加载器数据,以确保我们的数据始终是最新的。

[将状态传递给 JavaScript 的最快方法,重访](https://link.mail.beehiiv.com/ss/c/7uXE0u3HczV\_Hgl2DfUmuOs95qJPideDL5dY\_NnxO9HFxicGlB81dRjSRu5qm4916bKLVbCna2hQlD9xnb2fQk76elk9Nt XCCLDQ0sQZlLngjN1x8H1VMN8cMeMovKayL5Qg4AFhvZXVC3OkfkVk-TXovUviYF-X-d2Dszw 44W8Zz_DW3UpLs57mlxdld8BnOqVNKp99UmRsOc74TOv-UzARZ2HAE1IBRRHNQgQQV6NcXqdL fb66DLXwJd4v9uqnWkRBPwTALm0QSqevpWHDtVwteVssyTjLTi_xBKqCX7YOXz56gjJJM2ysp bPT_aSO/420/3IC8ipytS0WiQtHCX63f4Q/h4/z1OCQER2OfNp260y0sYdkGBb18fjANLY6Ez伊兹罗伊U)
10 分钟 雅各布·格罗斯

重新研究解析大块 JSON 的最快方法,例如 SPA 类型应用程序中经常使用的用于设置状态的方法。

[React 中的多态性:你必须知道的模式](https://link.mail.beehiiv.com/ss/c/zuGyd97B3VCTINHkAvXjyAtUL7Wk7jVhzoNYgzwLzjWAfkEH88f9zRmA54hnf0y8It8wY62pxZZgw5ylzDYDDbYMfCBp7V7Abd4iDd1K0V zfxNmC_PU4dpAjUWICLtDDpLnwaEyc6PK3MWURjGOrLGk1Bf0VvaS2V4I9aliycm5TP8BritO3iacNtNmnJKu6e1CwrwKZZSo0OLnbLJocxOORqrHHCtS5e6UzDyxJ9K9nRa1W8JfXE-dSviFPriR8自己9KCkNbtzijUppbG152A/420/3IC8ipytS0WiQtHCX63f4Q/h5/q4wgfq7sXfAZFD_C43e0r5y34woQLNZ-zj8SfSkCP9g)
6 分钟 马库斯·哈兰德

无论您是为了创建一个库还是为了自己而创建 React 组件,您都必须了解一种技术:多态性。当一个东西可以有多种形状时,就像按钮可以充当链接一样。

[TanStack Router – 适合我们其他人的现代 React](https://link.mail.beehiiv.com/ss/c/Rbmf5CzHe5itG0NBmgkKQPe\_nurapiwqupFWN40DHMaZ91XQWpowR1Dl30EhjH-Axk5GLduHT1wPnroJ28\_R8Ck4tye8\_Q7H\_scdNAfmdMq gEMC4yh9lgJVo3_ZXQbp5-yqiMBjxq72fCvNUb0Hi6R7rdKYbMG7BQWY2IdmTBr8NRUPAIkFWimU DjnGf-d_pCs4mBaR5Q0JNaSF9OuRcxpWPfuI_hgtMD2KCKmDljLIVJriqv-JoFcXv6rN21BSbSn6 3mcq6dLHMWvG_GJG8tEnpluQz3q-zRVsZhDssGEs/420/3IC8ipytS0WiQtHCX63f4Q/h6/3ApuVKroRVSR2raxdg2n7Z0-lYxLodQOi1oFCCt8gVI )
6 分钟 Swizec Teller

几年前,Tanner 创建了 React Query,其初衷很简单:为我们其他人提供 GraphQL。 Apollo GraphQL 的所有功能都位于您古老的 REST API 之上。每个人都喜欢它。现在我认为他用 TanStack 路由器再次做到了这一点。

发布者