星期一 12 凌晨 十二月 11o 2023
RD#436 Let’s learn how modern JavaScript frameworks work by building one
Hello! 👋
I’ve migrated my newsletter to another email provider this week. Let me know if you notice any glitches or if the email is not landing where it should be.
Let’s learn how modern JavaScript frameworks work by building one
16 minutes by Nolan Lawson
One of the best ways to learn how something works, though, is to build it yourself. And plus, we gotta keep those “days since last JavaScript framework” memes going. So let’s write our own modern JavaScript framework!
Get $1 off your next domain from Porkbun - the best registrar for React users!
sponsored by TLD
Porkbun offers incredible low prices on 500+ domain extensions including .dev, .xyz, .io, and .tech. Plus every domain name comes with freebies like SSL Certificates, WHOIS Privacy, DNS, URL Forwarding, and hosting trials because why pay for things that should be free? Save $1 off your next domain from Porkbun and see why they’re the domain registrar for everyone in tech.
How to Keep Your Loader Data Fresh in Remix
4 minutes by Sergio Xalambrí
Using the useRevalidator hook we can revalidate our loader data on an interval to ensure that our data is always fresh.
Fastest Way of Passing State to JavaScript, Re-visited
10 minutes by Jacob Groß
Revisiting a study of the fastest way to parse large chunks of JSON such as those often used in SPA-type applications to set up state.
Polymorphism in React: patterns you must know
6 minutes by Marcus Haaland
Whether you’re making a library or making React components for your own sake, there’s one technique you must know: polymorphism. It’s when one thing can be multiple shapes, as when a button can act as a link.
TanStack Router – modern React for the rest of us
6 minutes by Swizec Teller
A few years ago Tanner created React Query with a simple pitch: GraphQL for the rest of us. All the affordances of Apollo GraphQL on top of your goode olde REST API. Everybody loved it. Now I think he’s done it again with his TanStack Router.
你好! 👋
本周我已将时事通讯迁移到另一家电子邮件提供商。如果您发现任何问题或者电子邮件未到达应有的位置,请告诉我。
[让我们通过构建一个来了解现代 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 路由器再次做到了这一点。
发布者