星期一 01 凌晨 四月 22o 2024
RD#452 How to Style a React Application
How to Style a React Application
26 minutes by Alex Kondov
Once the logic and the components are ready and functional, making them look pretty is straightforward, right? Right?
React-admin: The Secret Sauce To Productive Coding
sponsored by Marmelab
With 500,000 daily users and 24k stars, React-admin is the leading open-source framework for single-page apps (ERPs, Admins, B2B apps). Compatible with Vite, Next & Remix, it builds upon acclaimed libraries like react-hook-form, react-query, react-router & material-ui. Backend agnostic & with 200+ components, it elevates your development while ensuring a top-notch user experience. Give it a try!
Improving our Jest execution time by 300%
6 minutes by Cameron G. Gould
It’s worth investing in learning your libaries from the start. Writing tests slightly incorrectly will have a snowball effect later on, which can significantly slow down your ability to iterate.
CSS in React Server Components
20 minutes by Josh W. Comeau
In this blog post, we’re going to explore the compatibility issues between React Server Components and CSS-in-JS libraries like styled-components. You’ll understand what the issue is, what the options are, and what’s on the horizon.
Zustand and React Context
6 minutes by T. K. Dodo
Zustand stores a global and don’t need React Context – but sometimes, it makes sense to combine them regardless.
Next.js 14.2
8 minutes by Delba de Oliveira and Tim Neutkens
Next.js 14.2 includes development, production, and caching improvements. Including new configuration options, 99% Turbopack tests passing, and more.
[在线阅读](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8hErXB2vrDHg5DYaj51xP1UKINGihC6nNh8l4JhJ\_bQxQIP5ZoGg\_2b9\_OJZ3fe7aPdA9KubfSyPU-21ZerwoUPkp fg_4mHiCg7ZBFcCRCw6SlVlNUIggoSY-aRT6YL9EkFKi99QKqxbDoHoZxMxtbrxNihOz4rdPKJ14xkqWKQE45M9ihtswBh9z9GK5UtEM-OzLOkIMpcKj7zPmuM8D9YFtEy7cchmAfSEA0xDLU O_hkdMqsdYiEiClVBgf2nPmCBHkvqr72b0L-Dmm-R9ibBX969Jhrqsu4nMWwQ47L9tAmle10Fl-urTo-cICNRwEHb_X4GXf2fnvPGtmBe75grjKc9yGOOg_vXo0TICN5IUpwOHOMeADO51wmd89d HbsUkuZx7nmWPBuZqKYtteaUlBOcFFf9HS6qBL3Rr7El83u4_eGbJL3B1Fr1ZJgDIr4dGojXci2AXbTUvi9LsiYx7pwVUorDSnoVVr88ifG1U5Ch6shLOLiC7beJWzXXC_7iAmcyn11FqC-Pk8GjUw33NaCY NlGWIyB9q_m1OxVLYr_8Aav2Cf7-9FgeVSs3OK11rOM66YusP_O-tYTu6PRaLRH4H1WMycZ8b1ceCkqfU9BPog9iT_fFKGFhcVJl9O5Q/45p/QNumGF3IQ2Sa3FOYMGrm6Q/h0 /h001.WKx3MkrC7sYf3bRSXnb4iUtP3ZH_5OTesuTdGSSkaPU)
[如何设计 React 应用程序的样式](https://link.mail.beehiiv.com/ss/c/u001.DNYuWskNLZN5iE3d5ylPw4XhJ\_\_UjK0fSF63WNawpx5-BmGLzkw0FntBTWJfFqQFmwULgwHaguu\_OcbzMPY2QpCL51jzCyaWPlELCvkaZeC9G zw1AODWcGwZO4D4dq3tGNHeDbctwnC17gafnDiWe9Auc1uZnnYIjytV8rC5fvdFh0eeHXUcnsq-pw9HEh2PEGbBpVgQoly8vsHpOEr_fQ/45p/QNumGF3IQ2Sa3FOYMGrm6Q/h1/h001.l_va1例如qTr9mOzm-gC53mDd5D5XfXEplsy-Eet_2vGo)
26 分钟 Alex Kondov
一旦逻辑和组件准备就绪并发挥作用,让它们看起来漂亮就很简单了,对吗?正确的?
[React-admin:高效编码的秘诀](https://link.mail.beehiiv.com/ss/c/u001.9rj0kBGH2\_rh17KMcAxCTb97y9TwJYSZR\_ofJ-77n74JPRM5q4F\_9dgoQa3UwSOohlMkmuRRbQdMonOzJwP5FcwWHIJrwv sweA6id5J_I4COh3nkZnNVK5tapmvX6F4r92JbhcDkl44y4g_PgmsFUcnFIAH9KcN2Rs966KZoXEGPYmdb5y99H5VlXQkq-Jcm6Q1dt-vPbUt4wQ18388SRQ/45p/QNumGF3IQ2Sa3FOYMG rm6Q/h2/h001.goUxZUDu8KAc3IyC7Bw3kdLayKPMMK7A_SvhPk5HoQg)
由 Marmelab 赞助
React-admin 拥有 500,000 名每日用户和 24k star,是单页应用程序(ERP、管理员、B2B 应用程序)的领先开源框架。它与 Vite、Next 和 Remix 兼容,它建立在react-hook-form、react-query、react-router 和material-ui 等广受好评的库的基础上。与后端无关且具有 200 多个组件,它可以提升您的开发,同时确保一流的用户体验。尝试一下!
[将 Jest 执行时间缩短 300%](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqWBkV1MaxKDCeAh\_zUETT\_8Nmr73fK2svKZ8qAlTP2CTlAVB883-HzxcvBGxBIOTWnUZLuYhODXop\_\_K5SA -IDkDW-11un9sG23ViNHTJuYGewD-voqPfa_Kwp0w3zVRvoIhat4Rr6VRwGAFVP1X7QcvJr37-c19MO5nGbJI9nnF_KPfMsRp-DV3M8gUrJqQ5yM0d-Cdox1P8YB8k2eRAJM/45p/QNumGF3IQ 2Sa3FOYMGrm6Q/h3 /h001.xvksvQf9nX8qKYqTI-ApFR7z17LVa8HDqga071FbfBw)
6 分钟 卡梅伦·G·古尔德
从一开始就值得投资学习你的库。稍微不正确地编写测试将会在以后产生滚雪球效应,这会显着降低您的迭代能力。
[React 服务器组件中的 CSS](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqfyko-iFD6lxTdvug6MbGi8GkevDuAk6VOSzpoGdN4YYTVvfYtKGdgpWOBEzDrN9OXnAIRE3Qgw78eeWFvOzLj\_ 2K9texSPHcSrV9TeI9RRw3KP0moLVX8UhUHWnpuH_L1npYFEv6Q1cmNE63pK9FSRc-qRuXV010 ziABy3-ggHXIZ5BHBIruf5PksvQeHKQ3w/45p/QNumGF3IQ2Sa3FOYMGrm6Q/h4/h001.e1yU7 cvrL-YV2MwE1690HQcEP59Qa8z4cEyKAZ6I6Ug)
20 分钟 乔什·W·科莫 (Josh W. Comeau)
在这篇博文中,我们将探讨 React Server 组件和 CSS-in-JS 库(如样式组件)之间的兼容性问题。您将了解问题是什么、选项是什么以及即将发生什么。
[Zustand 和 React 上下文](https://link.mail.beehiiv.com/ss/c/u001.JtHN9HflllQ513MF6IlgF8wrP7SY-Hgdt0VG8jIaqk-5FwU1bAo24fUjY1vT1WnYb2IPKNngDiOas1D-rkaPnImQV9R9qES3xOMtamh 2qBrz5YDKTKJGEA1srT7JqTi4zjD5QC2cVrUGbBrZ8X7G7A-iRTlh59nrMAy4GV7thxRKDFWhppHwuoCxGGN02-fJGxVVAeQvp90ufhm6NNxD71Ubii0KfPofb6xlLW-qedg/45p/QNumGF3IQ 2Sa3FOYMGrm6Q/h5/h001.a2uOv_Xk9VcLNjb-pGPZpdn -MUtD7gpzXIAY278Kw00)
6 分钟 T.K. Dodo
Zustand 存储全局并且不需要 React Context - 但有时,无论如何将它们组合起来是有意义的。
[Next.js 14.2](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8iNZPUX9eQGa8nJffuScClRk7xbYdMQw1-XRjgxoF00a7i1dOgtd6movc9uPMnGdadzzCj8KmKhTCE7knn9OJ VNBmpz_r-pGdILpaCNc-_Hkw30dnvvdia0ISk4KcMz0W2trLN239fklfifjei6a0rn9kEZ51YoqAZ1gS8Tl5CsLRZvg7G5LUUZTrmzC8PNDsw/45p/QNumGF3IQ2Sa3FOYMGrm6Q/h6/h001.UgLTN wTfx0ITzt3YYPR-tlV6JnsEu5o_q_Yyxs3BCuc)
8 分钟 Delba de Oliveira 和 Tim Neutkens
Next.js 14.2 包括开发、生产和缓存改进。包括新的配置选项、99% Turbopack 测试通过等等。
发布者