星期一 01 凌晨 四月 29o 2024
RD#453 Get your codebase ready for React 19
Get your codebase ready for React 19
5 minutes by Adrienne Ross
Is your app ready for what’s coming up in React 19’s release? Get prepared with what is going to change ahead of its release date.
FusionAuth’s New React, Vue, and Angular Authentication SDKs
sponsored by FusionAuth
FusionAuth has been busy building out Javascript SDKs to make it easy to integrate authentication into your React, Angular, or Vue apps. Their SDKs make it easy for you to focus on the features your users actually care about while leveraging a world-class implementation of login workflows and the security of an isolated authentication server. Happy SDKing!
Building an interactive 3D event badge with React Three Fiber
13 minutes by Paul Henschel
See a full working demo of how we built the interactive badge using React Three Fiber and react-three-rapier.
Improving INP in React and Next.js
5 minutes by Jan Kaiser
A follow-up article on the new Core Web Vital INP outlining some techniques to improve your INP score in Next.js and React.
The first framework that lets you visualize your React/NodeJS app’s code
8 minutes by Vinny
Imagine you’re working on your full-stack app, and you want to implement a new feature. It’s a complicated one, so you whip out a pen and paper, or head over to tldraw, and start drawing a diagram of what your app currently looks like, from database, to server, and on over to the client. But how cool would it be if you had a tool that visualized your entire full-stack app for you?
HTML attributes vs DOM properties
8 minutes by Jake Archibald
They’re completely different, but often coupled.
[在线阅读](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8hErXB2vrDHg5DYaj51xP1WdXTjAyc0\_GKk0r9GMyCgY5\_9DpkEdBJamfcOZX18idkAkzvW0cLYmG8vCYZuvI8rU 8cmMJfFvv3RgD8MvBoqF64lzh-BBhc4DAUAeT4-SE7mFcL6GNZSt8B0MnZWHTI5CrKgRchugXG C7vNi8ypURVK3JOm_7hpncnNUm0Ox4mr-WnneW5IIxAWkzUae8Pd6pPgSJFDfA0xVq7bxL3B9QQ WygX0BARz1n-GXgaH_6ABkES0aE_VQ01P1_esInZnZR4KIzmzBiuEBexxBqeSVpIlDe9NqbGNlhEcy_o2SpfLZii5jMtj1NQcmI-yW0usFGlM5IjDOGwVq5tyouEKfqtPc8-fz3n1iG7IxXYI6Y cyZ25if7ILxPXqyIuxJbLzmLzn0KM3ANieGXD_4MnQayvZZo2iSjA2SjdhgsvQIxjORloGQpu2z-2jW0616tmqz496KDwnpybdDTrNDS8rT0x0SV2nL5DhTucND8MIfLfniEXZuIW9yQESYB_GwJ z2Snx3oT2IOlSMFJezC2IznDTkRHhRWy4TnMqOZC7_bbcczuwmHSwZebUkteqz-zLlnakxSTh_4FXkF-B3ihvCm_S9H5FtpJIAKE2GegQsLoQKoQvOzvVAm6FEIBF4RDQZg/45w/FHphVs4yRJymx awZ2tXQ7w/h0/h001 .tSVDF_z20pkO_adNERly3tfA49Q1-gd_L4JGfJfzQVI)
[为 React 19 准备好代码库](https://link.mail.beehiiv.com/ss/c/u001.JtHN9HflllQ513MF6IlgF5amLYDkjYBfQHj5UE-q6D5qwqZCXFKKOtl2eSvvbSQ7RW0JCYxfX8TTiIfwSe428qU9sm75PXcaza2jfOLK 3XL_oU5plThhKU0GCtzbi7BOJRqrJ58ptXDU0XVlstYkb-9ve6iqnlDqZHiGNjoI_PE-sw8eIiSobcRoOsVG36S4krEI1OmzkuRQQfawmH2XIexDHnPEVx8dn4cFcD4iA25R1sfsePFb1pFNt_XWtsD9/4 5w/FHphVs4yRJymxawZ2tXQ7w/h1/h001.pgGjgdKaCGarOqJEsSY-W34StWqele5UhpTqrByKkas)
5 分钟 艾德丽安·罗斯
您的应用程序准备好应对 React 19 版本中即将发布的内容了吗?在发布日期之前做好准备,应对即将发生的变化。
[FusionAuth 的新 React、Vue 和 Angular 身份验证 SDK](https://link.mail.beehiiv.com/ss/c/u001.KaMW3WmNMB7SepvbqFCmfRUJCyGiHJUrPFmfIUeKJRrLUfpAxwZtueOJcj-uR1ES92n8Jpo1OrLEOffxGDUtlcToGIxePjzyEI7NSi -J1tngKBrp1IsCJdSlIUPDCjR_L0VAmHPL_wKf8OP2Yz_2mw1ZE2dfwygYmvKf_aNM2aw/45w/FHphVs4yRJymxawZ2tXQ7w/h2/h001.r5xnwng5a_gEl4aBrWTcp5rIZ4TGFwcflKK8E1u5 Q8U)
由 FusionAuth 赞助
FusionAuth 一直忙于构建 Javascript SDK,以便轻松地将身份验证集成到 React、Angular 或 Vue 应用程序中。他们的 SDK 让您可以轻松地专注于用户真正关心的功能,同时利用世界一流的登录工作流程实现和隔离身份验证服务器的安全性。快乐的 SDK 开发!
[使用 React Three Fiber 构建交互式 3D 活动徽章](https://link.mail.beehiiv.com/ss/c/u001.hSYjXyWe6vDRiKIKx11n8q-josapS\_jcOBcxPrzmb2kZGUptpfipXkVE\_gcFLPN8PijKJEVW8STPqDt6JMQ5WTuGs-qj53tMJTSbLBeD1 0oOGOBHDko-6Z5kLQne-7-iBQUUBYgFR_EOJYfObXYs6B2nnrL-2rKyJAOb5yXMxuN8gcHH-1oh nek0OL5lvIgUr2NOpJUQOzlzAEmaenEAcFWWa2wXB-jMu6NmsAd5rskZXvgQSemjd55YsvZOXu9 YBh7PPCM6u1Uyh5vC7uVfMPg/45w /FHphVs4yRJymxawZ2tXQ7w/h3/h001.nl5j5bqqI_mCaZKoue7aZKAmvVaasvdUdlc7vAINnv0)
13 分钟 保罗·亨舍尔
查看我们如何使用 React Three Fiber 和 React- Three-rapier 构建交互式徽章的完整工作演示。
[改进 React 和 Next.js 中的 INP](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqRVLPHtv5LeHO6pahnLh1-r6abJsZcAOhgytdWTojDxaeLssNwmeMTwRVzN3euMD8nwtwUnCxfznYamQo4ry EK0G12T2f1BQSLvjaXixxyMNIJ3EaHsg8DArC5MO_P3_jnPeF5ilF51d5X5lt-urXxzfUKL8_K6HZE-jdGl_OfSlONr4K-R6Xb0oABJfb8al26Ab2c9ZZTyeROZ8-KvV4v9xEIOgKw72r SaWCZJPTGx0/45w/FHphVs4yRJymxawZ2tXQ7w/h4/h001.f4G5yoPO87nkL9tXZhNWmQxc06sp5Z98ThFv9FGnjkM )
5 分钟 Jan Kaiser
关于新的 Core Web Vital INP 的后续文章概述了一些提高 Next.js 和 React 中的 INP 分数的技术。
[第一个可让您可视化 React/NodeJS 应用程序代码的框架](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqVCnV9ZbDUvTMdXGinyqvmFFFwj\_FTOXAQyJpAugL4Bw63pXgGrMqFnEg0RXa7nFKqbCvt 5mPw_SIyT98pTO8AZ3GZZAdnsoKwDvuBUkhaB-aJ6ZvcddWVx6lLPxIYf_rwKg_cGUAvQ7GFFMhX32ivyrRAy4GMmz-bcgDumai4QxL4F1kg-8R9leycmDQddXRtMgxM4F_nfbaoWn2XX2rp9etfeuEJeovyh d0Ya_lQLrvsfjR7WKQ8rTH-jB6KsQb6rvsdKNPZq0VRhfQYOIsCdo/45w/FHphVs4yRJymxawZ2tXQ7w/h5/ h001.spp8YGA55TYEJBfE0C6at0uT3tTGFH-pkZAKH0rdclU)
8 分钟 文尼
想象一下您正在开发全栈应用程序,并且想要实现一项新功能。这是一个复杂的过程,所以你拿出笔和纸,或者前往 tldraw,开始绘制你的应用程序当前的样子的图表,从数据库到服务器,再到客户端。但是,如果您有一个工具可以为您可视化整个全栈应用程序,那该有多酷?
[HTML 属性与 DOM 属性](https://link.mail.beehiiv.com/ss/c/u001.aPX4i1CZjyg0TJtq3966ENvsMnHFZZS55i2wJI2F6NMgdBPWZrut-VCr5NBfQJAuuzox1WQWXAgsBEh2hmC5iRsZlb8YdnJ4O7Iiu6Ytm NdiIXnGg6yU7UOESD1JFktfT7vQ2m1uvpKoK7c-Ucaf0wzBolPLoAMLprZzObdRcGyJGJSgoRLv0kACGflqnysPKpir_5XHFtCmcoDUaOErXTBulvBcfhLT3miKB2geHwA/45w/FHphVs4yRJymxawZ2tXQ 7w/h6/h001.QWu3oMemm01-iz6radTtrrpr4tDkJHsKHn8_weq8bYQ)
8 分钟 杰克·阿奇博尔德
它们完全不同,但经常耦合在一起。
发布者