Cool Bits
-
We’ve opened up the first lesson of our React Query course – Why React Query?
-
Harry Roberts wrote about his strategy for using data attributes and the new speculation rules API to improve performance.
-
Codecov just released a new set of tools that call out flaky tests and tell you exactly *why* a test failed, all in the PR comments. [sponsored]
-
Nadia Makarevich wrote about existential React questions and a perfect modal dialog. Because aren’t we all just specks of dust on a rock floating in space while trying to avoid unnecessary re-renders?
-
Chris “EdgeLord” Thoburn wrote about an alternative approach to using SSR and RSC that he’s calling EdgePipes.
-
Kilian Valkhof makes the case for using the
autofocusattribute responsibly. -
Datadog created this Front-end developer kit with a few solid resources to help you troubleshoot front-end issues more efficiently, including Best Practices Guides for improving front-end testing, a solutions brief for proactively catching issues, and more. [sponsored]
-
Playwright v1.49 features Aria Snapshots, a new way to do accessibility testing.
-
TypeScript contributor and TC39 delegate, Ashley Claymore, spoke about an innovative compilation technique for TypeScript that can speed up the type-stripping process.
-
Sunil don’t-call-me-Descartes Pai is spending the holidays wrestling with some deep philosophical questions like, “What is a computer, actually?” You’ll have to read his post on Durable Objects to find out. That turkey got everybody thinking big thoughts last week, damn.
Pop Quiz: Answer
Sponsored by Infinite Red
Here’s the code with more descriptive variable names.
let sum = 0;
const squares = [1, 2, 3, 4, 5].map((x) => (
(sum += x), x * x
));
console.log(sum) // 15
console.log(squares) // [1, 4, 9, 16, 25]
This is a fun one. The weirdest part is probably the comma , operator.
If you’re not familiar, , evaluates each of its operands (from left to right) and returns the value of the last operand. This allows us to, in a single line, increase sum by x and return the square of x. When finished, we get the sum of the array as well as a new array of squares.
Want us to say nice things
about your company?
Built with ❤️ by ui.dev
50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101
酷点
-
我们已经开启了 React Query 课程的第一课 – 为什么使用 React查询？
-
Harry Roberts 写了关于[他使用数据属性的策略和新的推测规则API](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/wnh2h6uw02kd7zh7/aHR0 CHM6Ly9jc3N3aXphcmRyeS5jb20vMjAyNC8xMi9hLWxheWVyZWQtYXBwcm9hY2gtdG8tc3BlY3VsYXRpb24tcnVsZXMv)以提高性能。
-
Codecov刚刚发布了【一套新的工具](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/reh8h9u06l3pz9f2/aHR0cHM6Ly9hY m91dC5jb2RlY292LmlvL2Jsb2cvZmluZC1mYWlsaW5nLWFuZC1mbGFreS10ZXN0cy13aXRoLWNvZGVjb3YtdGVzdC1hbmFseXRpY3Mv)调用不稳定的测试并准确地告诉你 *为什么* 测试失败，所有这些都在 PR 评论中。 [赞助]
-
Nadia Makarevich 写了关于[存在的 React 问题和完美模式对话框](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/08hwhgudl694rofl/aHR 0chHM6Ly93d3cuZGV2ZWxvcGVyd2F5LmNvbS9wb3N0cy9oYXJkLXJlYWN0LXF1ZXN0aW9ucy1hbmQtbW9kyWwtZGlhbG9n)。因为我们不都是漂浮在太空中的岩石上的一粒尘埃，同时试图避免不必要的重新渲染吗？
-
Chris “EdgeLord” Thoburn 写了一种使用 SSR 和 RSC 的替代方法，他称之为EdgePipes。
-
Kilian Valkhof 论证了[使用“自动对焦”属性负责任地]（https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/l2heh6u3xmnp7vu6/aHR0cHM6Ly9odG1oZWxsLmRldi9hZHZlbnRjYWxlbmRhci8yMDI0LzIv）。
-
Datadog创建了这个【前端开发人员套件](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/m2h7h6u846qxz7bm/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvZnJvbnRlbmQt ZGV2ZWxvcGVyLWtpdC8_dXRtX2NhbXBhaWduPWRnLWNvcmVwbGF0Zm9ybS13dy1mcm9udGVuZC 1kZXYta2l0LWJ5dGVzJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzZGV2)拥有一些可靠的资源来帮助您更有效地解决前端问题，包括用于改进前端测试的最佳实践指南、用于主动捕获问题的解决方案简介等等。 [赞助]
8.【剧作家v1.49](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/dphehmu0 p9oxn7hm/aHR0chHM6Ly9wbGF5d3JpZ2h0LmRldi9kb2NzL3JlbGVhc2Utbm90ZXMjdmVyc2lvbi0xNDk=)具有 Aria 快照，这是一种进行可访问性测试的新方法。
-
TypeScript 贡献者和 TC39 代表 Ashley Claymore 谈到了一种 [创新的编译技术TypeScript](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/e0hph0u0r3lzoku8/ aHR0chHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_YWJfY2hhbm5lbD1JbnNpZGVCbG9vbWJlcmcmdj1aaUQ1eldsSEJuWQ==)这可以加速类型剥离过程。
-
Sunil 别叫我笛卡尔 Pai 整个假期都在思考一些深刻的哲学问题，比如“计算机到底是什么？”你必须阅读[他关于耐用的帖子对象](https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/owhkhwurq m6edwsv/aHR0chHM6Ly9zdW5pbHBhaS5kZXYvcG9zdHMvZHVyYWJsZS1vYmplY3RzLWFyZS1jb21wdXRlcnMv)找出答案。上周那只火鸡让每个人都产生了重大想法，该死。
小测验：答案
由[无限红]赞助(https://click.convertkit-mail4.com/o8u9gp9876sqhkz2qkptquq3gx8rrao/n2hohqu379x4qlf6/aHR0cHM6Ly9pbmZpbml0ZS5yZWQvYnl0ZXM=)
这是具有更多描述性变量名称的代码。
let sum = 0;
const squares = [1, 2, 3, 4, 5].map((x) => (
(sum += x), x * x
));
console.log(sum) // 15
console.log(squares) // [1, 4, 9, 16, 25]
这是一件有趣的事。最奇怪的部分可能是逗号“,”运算符。
如果您不熟悉，, 会计算每个操作数（从左到右）并返回最后一个操作数的值。这允许我们在一行中将“sum”增加“x”并返回“x”的平方。完成后，我们得到数组的“sum”以及一个新的“squares”数组。
希望我们说好话
关于你的公司？
使用 ❤️ 由 ui.dev 构建
50 W Broadway Ste 333 PMB 51647 盐湖城，犹他州 84101
发布者