星期日 02 下午 八月 4o 2024
RD#467 Dissecting Partial Pre Rendering
Dissecting Partial Pre Rendering
14 minutes by Nikhil Snayak
Fast initial loads, dynamic content, and rich interactivity in a single HTTP request. In this post, I will dive deep into how partial pre-rendering works. I will also share my thoughts on whether you should consider using it or if it’s just another hype train in the JavaScript ecosystem.
11 Habits of Highly Effective Developers
sponsored by Sentry
This episode of Syntax.fm is packed with treats from understanding stakeholder goals to maintaining a work-life balance. The importance of continuous learning, having a problem-solver mentality, and being empathetic towards coworkers and users.
Boosting performance: Faire’s transition to NextJS
13 minutes by Luke Bjerring
Over the past year, the Faire Engineering team has prioritized many speed initiatives to improve our customer experience. One of the more hefty projects has been a migration to the NextJS framework. In this article, we’ll share the motivations behind the change, the obstacles we faced, the impact so far, and the opportunities we’ve unlocked in the process.
Flexible network data preloading in large SPAs
11 minutes by Mazzarolo Matteo
Sharing my experience with a pattern I’ve used multiple times to implement flexible network data preloading in large client-side-rendered SPAs.
React Owner Components
5 minutes by Brad Westfall
In React, the term “owner” can be used to describe a component in the hierarchy, similar to using the term “parent”. It’s somewhat of a lost term that I almost never see newer React developers use anymore. The term was used more heavily in the earlier days of React and is still useful today, especially when it comes to understanding client components vs server components.
Introducing XState Store
5 minutes by T.K. Dodo
When I first read about xstate/store, I was immediately intrigued by a couple of things. For one, it was made by David Khourshid. And second, it felt like he totally nailed the API on xstate/store. On the first glance, it looked like zustand and redux-toolkit had a child, combining the best of both libs.
[在线阅读](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8hErXB2vrDHg5DYaj51xP1UIU12OsJIPEN80FcoVs-8l8KUmYSDn4E0YxSiqF2hCMVKUh72KRXjUSWe8vSjkbG\_6dE7S y2vY6K3w-uqN9P7-6pzMg0oa-lBp_Hr3x6Z-GRmJMdg30rRve9Vu3wwkHuuUPK-YNJN6OO d_5F89JLTYfYBiYFPjLo-v6_ekmRt1oRUaTXe6xkp1Q0StY1PccLzKSVgvOyadxRcG8Czcx w97HIx77EXpU8H0b8SRmZKGAO5rBLJ3qDSOE2QyPX7AkIKWeUX8T73_o1VYJeDju4GJltks LTXqtsegYhI8HHVQxdwj3J9qVdPMoNqaH8OVaFgGc4VyXq0mj60_L0LPLaoPrxkUzjAxVm_B -K6Q8YlopYGFvYJP8t9bmzfO9eDJf7GppeqSAY6BbvuHTbVqQoFy0F4YEyV2FNFMEOA5qvYouy 0mLmAdmVfmFfJtEthdFoqIVpQmSCoKJd3pJQOaR8IXhcvLRggFlfpJcgwfxIv3-RI9r2ovPwMy hPhgALYs5deUuyepC1StjF—C07odHwZCrw0oghtGuBTDw6NlVHpWyE-POfLAU8uaP9NDMumYtj5kUYNHeFpSPXmxoxc2XCwmbcnu4szbBg7spp_k4eqjteNzwEkY3gxLvwWJFE3g7JcoKHMKV9 lujqYCYJqnWEabmLWesHa9StH5mXCtRSrUddx862el72awJRLuhgKqY/48m/ y5bTg4-rTZO8-QytxFrY9Q/h0/h001.atua5EQKAETkTkPRdf5elNjeptBiPwC3KyhEd1Q07hs)
[剖析部分预渲染](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqXABCRFLJPvQcubVN3pyo2tLV\_ytj8pj3ePF2QhSXA9SsBs1xkIUJDat6QHD-GcH5KfLwsCENHbRzVhq2 ItD5jJkLKEAyd7fDEuOx21hW4KtSihh4LkzjMq8qLTcwnBYWxZdRiOBGCU78hCG2V0Am1C3rAO j3a1h9IJl_XOqDPDYO5PNRujoxt8CUDVVZsmbOPt9K0gx946Rk5RNmUuKFh2C8ESbrn6POdGZgz KQ8Ac6a4BM9Ou2qEF5GivnXM2CPDLcNg2iTXQTQHTcVtq774axPcdTbC4KMxY-yse6SSgo/4 8m/y5bTg4-rTZO8-QytxFrY9Q/h1/h001.IfYn9_8YSmaAb-oohCpLGzdIRZ-cyNkqUNtR9p 7xG8c)
14 分钟 尼基尔·斯纳亚克 (Nikhil Snayak)
单个 HTTP 请求中的快速初始加载、动态内容和丰富的交互性。在这篇文章中,我将深入探讨部分预渲染的工作原理。我还将分享我的想法,即您是否应该考虑使用它,或者它是否只是 JavaScript 生态系统中的另一个炒作列车。
[高效开发人员的11个习惯](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqZDc6CvoM57HfpmGHktxcZhpaUT4KGFY1i9Mlg78LdBsGIgsLvmwOL8KQMM3TyomaH0nGpoPiNkbCS0MU6pLTQ NVdPaBo24QwCla9FobMXspRBVW4VZSmmy4byvIxdYoJJulsJdHQf_Ks7jRtjkq9F3JCc3cq_ue27I3xlPZTJEdMYKm1kGLeusuOnzaiSKdN5XuXJE9Kxzt0zBXYzMNdTgPY8j5O9HjWsgSpeS lL1ovMnmyzymJv4s4j-xFPxkErpmLu4s4h-4wuvkVdT4CBeQ/48m/y5bTg4-rTZO8-QytxFrY9Q/h2/h001.FQ1l6FWHTNqympTduGoXO35OIbtqtVSyqXTDaEFUy2g)
由哨兵赞助
Syntax.fm 的这一集内容丰富,从了解利益相关者的目标到保持工作与生活的平衡。持续学习、拥有解决问题的心态以及对同事和用户有同理心的重要性。
[提升性能:Faire 过渡到 NextJS](https://link.mail.beehiiv.com/ss/c/u001.H7TV3nVHQvyVqifzthtBOWGBCcYigwB4whII7BzJMDQkF-IMBdx2lBWnMV0vNtrhAdovXcZam4RjPX-ltV5JaYyXrd5Q26o70Vy29xRUu\_ NObH0a7lOnzJtarclyvRDmRDUA10A48ESfa6GAciKldG5N7FN7wgal3jgkgNSh68gQoAT1DmBGf3pzqefLCxYwWRnbX8vp0A5yb0Ov_1mF9xc9oohmv9BSzQauWKGG7vj3CCoiaukf_9CEItS2YZeFNlKUOh zCHggx64zeNSPagPO3u1JCp3v2wVI2CWpNQn1BepwmAcyAka2dVco41RbUovm-GSNMwLhwnGUO6xfoFw/48m/y5bTg4-rTZO8-QytxFrY9Q/h3/h001.Ta0be2aigSSdDige5LqMldtz3zWITCD5kc 4oLHLemWk)
13 分钟 卢克·比耶林 (Luke Bjerring)
在过去的一年里,Faire 工程团队优先考虑了许多速度计划,以改善我们的客户体验。更重要的项目之一是迁移到 NextJS 框架。在本文中,我们将分享变革背后的动机、我们面临的障碍、迄今为止的影响以及我们在此过程中释放的机遇。
[大型SPA中灵活的网络数据预加载](https://link.mail.beehiiv.com/ss/c/u001.9rj0kBGH2\_rh17KMcAxCTXkEIt\_mM6vYgr-OYulUHA5qY2ULAA60yww8p60Lx7sDRSsrPgg1Gf0KbktXddARRX2kSqpx13UpQJ DNCFs2CCkDb9QPgzDmxHq8M4VeddEPQiKTnJAMKtsW3C8wCRko4gn-OMDQOQqZYZa5aTHudYtDjS9GZaWz0KHKYG21P0bhvMG4UjUr5EkezeEUosec1S_1rWZYAX4EMTVpmGp-rr3-vL9q d2HPzU82SCaGd07IHaMVksZBjlwkRkH9oLQmrNnAjL2mzcBGuUh-2S4z_aXU/48m/y5bTg4-rTZO8-QytxFrY9Q/h4/ h001.ZOKnfIG0IjfVq4koqDrGYrlArGZgGlW4OUnaeNHQhZo)
11 分钟 马扎罗洛·马泰奥
分享我在大型客户端渲染 SPA 中多次使用的模式实现灵活的网络数据预加载的经验。
[反应所有者组件](https://link.mail.beehiiv.com/ss/c/u001.UBh74i5ibvpiWu-3SxqXvtswBk-hMELUbzBdd2Qx-J7veMZeyY9g-1X3c2mn7ACB2CaI7f8PM1e6AAZdLO5VSjXzYPWHSXKTDPaDIjPR1kzb5Kladd 063zhO6v7NygKPg1kjwag3_Bx-M41_qQ9AdCBILbAF2rtgJg75ot0N2sVAJCzBBUPm18s0L7d hxdTJkEGp8szOjsSm1uVI_4_uv1sStglrt-NmUFOgVKMCadNNLdR16tk2Dvo6kHFB9EJKfO2dO 8OMbhWe6wH3pad6X0sYhcgujF3RH-Xja38siFg/48m/y5bTg4-rTZO8-QytxFrY9Q/h5/ h001.MGfhjIP3oKRL33F8dyt4cLN6lBd6Z_zhey94UBW69-Y)
5 分钟 布拉德·韦斯特福尔
在 React 中,术语“所有者”可用于描述层次结构中的组件,类似于使用术语“父级”。这是一个已经被遗忘的术语,我几乎再也没有看到新的 React 开发人员使用它了。该术语在 React 早期使用得较多,并且在今天仍然有用,特别是在理解客户端组件与服务器组件时。
[XState商店简介](https://link.mail.beehiiv.com/ss/c/u001.JtHN9HflllQ513MF6IlgF5irbFuKaxFEaqCWfE58suNt8t2LhwgQWu8LlQuwInasPrfutAxj-DkZr4\_ePOTaTdyMqIzwQnlN7Bd6padpggY0\_ L9dGZga3Qy_02bOURzbijTJ-nAmcz74Pj3xyiKXkV8D0RjIKNxNzLxMSJWqlMMexeCFP-PsQir 4EaELU3LdF8Xj5TYWDakm9tAeYst4-qsIFRGzj3LdL5nrVA7cDo4OK9sXsS_3YJmzy-wsjsdmUe JK3YsU0oz99whD3QdS9taZfY0YX9CE_xM08k_qh9c/48m/y5bTg4-rTZO8-QytxFrY9Q/h6/h001.O0yIBHQIQuc77LqLqrKkGEXl- puqn36aHctqtv3-WIg)
5 分钟 T.K.渡渡鸟
当我第一次读到 xstate/store 时,我立即对一些事情很感兴趣。其一,它是由 David Khourshid 制作的。其次,感觉他完全掌握了 xstate/store 上的 API。乍一看,zustand 和 redux-toolkit 似乎有一个孩子,结合了两个库的优点。
发布者