React Compiler
12 minutes by React Team
In order to optimize applications, React Compiler automatically memoizes your code. You may be familiar today with memoization through APIs such as useMemo, useCallback, and React.memo. With these APIs you can tell React that certain parts of your application don’t need to recompute if their inputs haven’t changed, reducing work on updates.
The Current State of React Server Components: A Guide for the Perplexed
sponsored by Progress
A sneak peak into the React Server Components world - what they are, how are they different from the client components, what the pros and cons of incorporating them now, and more.
Quantifying the Impact of Styled Components on Server Response Times
4 minutes by Andrew Levine
Working off of a suspicion, I spent some time at work trying to properly attribute the amount of time spent during SSR to Styled Components.
Prefer Multiple Compositions
5 minutes by Kyle Shevlin
The flexibility of JavaScript and React means there are lots of ways to achieve the same result. Let’s consider why we might choose one way over another when it comes to React. Specifically, when to choose a more verbose solution with composition over the DRYest code possible.
React Compiler With React 18
5 minutes by Jack Herrington
First off, no, the React Compiler isn’t part of React 19. React 19 is just the React library. It doesn’t make any build changes for you. So to integrate the React Compiler means doing that work yourself. It also means that the React Compiler is optional. Let me show you how to use the React Compiler with a React 18 project.
Inline Styles on Steroids
8 minutes by Robin Weser
A short reflection on my journey with fela and an introduction to css-hooks and brandeur adding support for native CSS features to inline styles
[在线阅读](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8hErXB2vrDHg5DYaj51xP1XYEuFVChJelSuJ5XoBpKBQZE46Sz-vYmr07xWsTzOpTnjtc2Gf\_VW5HLEV7qZlzAV6z WGAiHzWv27Hd2-jPjDv2aicuat7MYg7cc8ks-EJAd7fK0KtOm7nkl_5gtul8wKCHT6UdYxULEyBYlokWbKx0qsDjNC4z2ZoVVf8aVpKKVDBReWdvJjaDMuvnA0Jubf1-JcZy7NC84Zr6LrScmY8 PriIQKsNKTcgHI-ylWG9d8uFKBGDnoK7f0We8lwMGIwgPf178IpL9w7Ps76XSw2NCe9xY8-D-QZy2BMXDJbzWgxSckX8ghC2xj77mrrQa_ulMUvYw2fGI01aAtRSrr4h41xR8GJCGCWITjxe0desrDY TuSkuCFJXyPGjbaXVKnG3Nw8tJNltkP4SsMmv5C1rJFuIIg4z0Pc8mscGY2ZK-qudiw0vBCnVP vVT9iN0cDPG_lNnd00N-IDdgBd7h7mYkzK8NuXRSy1MV2QcV18-MeR_DjVxMkXIDCSTuvsk7qb IcuH8bd7CgObP0y2thHGocd4nQCKkRhFwugQb6EuO9K5CoUITYLHOJ5lNrQd00hmX2dKPArhVYtKMtIYFzH1r/46p/rydrnAqUQzCTjiWjfARLQA/h0 /h001.HztS5OuUB7HYbEE1SMXtn8db9fr4Y-3EKj5dwHsFeSs)
[反应编译器](https://link.mail.beehiiv.com/ss/c/u001.UBh74i5ibvpiWu-3SxqXvldpq9Hvk07FFmRQtOuP0BdU8uAA9X-FC\_b53Cnf0kW0p6tUtwgwF6-kcL0Nour8RJAoAaFRNtZZ4Wlgz\_v n3ORJiHkrY0E4QZJl4k2dUaNiOhPPdma5ysc34GVEx86umhhLZTUiSzM0WzfqYQxsfyt6qfH4NBtnJtfjtsSTG-Fa/46p/rydrnAqUQzCTjiWjfARLQA/h1/h001.MZMBymzXVcMxaSfWv rx33AiPAbmjpv-gdp3dFAFepCg)
12 分钟,React 团队
为了优化应用程序,React Compiler 会自动记住您的代码。您今天可能熟悉通过 useMemo、useCallback 和 React.memo 等 API 进行记忆。通过这些 API,您可以告诉 React 应用程序的某些部分如果其输入没有更改,则不需要重新计算,从而减少更新工作。
[React 服务器组件的当前状态:困惑](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqQafazjAZlm2I4qgqy3bDrI2JKmjLtubqTb9n-lzt2zxJ9YpEHR2DvB9gab8PDyv1z3rVCBOa p5Kytld8Ds1FiYnYs7a_HQ433f__aGd3WiZ1U0Wr83ulB99BmY2p9yfiRDW-vYvc-JLw2laE-MAzLBLWVOMB0nR1L9zGFeqJwb-5hBzE1mjjg7Cdi04LS6Dr2oFXK-cZeoLZuo6WUf-hF fAX- PeG1ht110KMXTwNWR59VbYhiWGkedjQSORcpR87mqsM32mx5CcxAN14YD9CUcu33sgsNtCiAkcGhBCnDts/46p/rydrnAqUQzCTjiWjfARLQA/h2/h001.HRWLWU4qSoIr2f-z6aPTREWflgBiSF DoUxBT2XWmEUA)
由进步赞助
深入了解 React 服务器组件世界 - 它们是什么、它们与客户端组件有何不同、现在合并它们的优点和缺点等等。
[量化样式组件对服务器响应时间的影响](https://link.mail.beehiiv.com/ss/c/u001.0APXl0QZL7fWOKx6hVh63nSwWeemaMq9s6uxXiNOcr8GsESTh3wuYIHI\_6OV\_Zq5-3Lj5z1\_1mqvT42sLCr3BtoZj8sOM1uV91 YLm3YkHuNA5O7Zs8KOY8NvPVatSDifiTkqlQFNjWpvwOW9YRru8SNar91Zk62TK-7e26e490H EUPlU88RChXJ8rJGg4ZLL7DTFbPYinDf8OMZqLriEZBoT3K_nQcWMwsQNXPunNvd4XW-PZ6zHW 8ZRo281jQSdudww80ioe9OJEwrJGfIUIQ/46p/rydrnAqUQzCTjiWjfARLQA/h3/h001.fMAQqzOBmlnTDH-hZSo9WANHxBRyyQEbUGeSoVO3tSw )
4 分钟 安德鲁·莱文 (Andrew Levine)
出于怀疑,我花了一些时间尝试将 SSR 期间花费的时间正确地归因于样式化组件。
[首选多个组合](https://link.mail.beehiiv.com/ss/c/u001.K5pvBZzC3tJzgxtI00uQCFu6fMmYR5aFhvsZ1tJ6dmVM\_ZGXuWQZ2SoLnC7GoKi68McEN4giow2WSFdLEZFfkNzohGYuGlsJ5ZJgsCt5o ORWkWsgYaT9KDT7eHEeJ5UixNb3e5qcYVp5l81VRQYgh3RM0aeAo7MrR0uuqi6izt3HZOvEz0ash8SwMv7JX3cuWwj5tC6UmwWXDnLBIUJnlw/46p/rydrnAqUQzCTjiWjfARLQA/h4/h0 01.dsPdBlXDAb7VIsBm-c09Pp6_tq4S-1bt5uIYiBos6lo)
5 分钟 凯尔·谢夫林 (Kyle Shevlin)
JavaScript 和 React 的灵活性意味着有很多方法可以实现相同的结果。让我们考虑一下为什么在 React 方面我们可能会选择一种方式而不是另一种方式。具体来说,何时选择一个更详细的组合解决方案而不是最干燥的代码。
[使用 React 18 的 React 编译器](https://link.mail.beehiiv.com/ss/c/u001.aPX4i1CZjyg0TJtq3966EAYjY2dIBbvEu-MxjJX5h6me8a5pGR3cVJZ\_K3CWvZkN3DYSY7O7rcOZfq2821kXRhIQnkEgj\_Z Nm8UV7xR2UTS2CVCV2PjHfzadjT83x42cs6fvB4vHNLDlsBM1ddnsEnIy5LTVbECdCZWaG86nrr8IS8qgBrcSHAWIQVKSnTKOm16kT3yfa6lG5LCVn6FXMxSxWSQnaT8M0c32mTf7Ws8/46p/ry drnAqUQzCTjiWjfARLQA/h5/h001.MgJj_DpxhnvnZtapmC2GKMvr2-VKtNFjVSnVaJa64fg)
5 分钟 杰克·海林顿
首先,不,React 编译器不是 React 19 的一部分。React 19 只是 React 库。它不会为您进行任何构建更改。因此,集成 React Compiler 意味着您需要自己完成这项工作。这也意味着 React 编译器是可选的。让我向您展示如何在 React 18 项目中使用 React 编译器。
[类固醇上的内联样式](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqepZ6D-zpY6qNEjkO\_Qmcm6zkRzz8apEs\_iyIkhRL-ctDUZFwS8FqiX0pYBZvzhc9TuPJekoxbGvbgEwUJ Lb2HtLYb_oVNKH11ref_dlEv-4R0G1r4fV9oMX87xnITnPE27woCo5vpCIly2G36OfGXxWFMIvjAb4NGSSP5DPSKkj/46p/rydrnAqUQzCTjiWjfARLQA/h6/h001.Un0S7cxMe0hjBVwUEXpIKuNY NvgjH4SlPjaqlD8rVrU)
8 分钟 罗宾·威悉 (Robin Weser)
对我与 fela 的旅程的简短反思以及对 css-hooks 和 Brandeur 的介绍,向内联样式添加对本机 CSS 功能的支持
发布者