What’s !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and MoreCSS-Tricks/@Daniel Schwarz文章是CSS-Tricks发布的对过去两周CSS相关最佳内容(包括条件视图过渡、CSS/SVG文本效果等)的回顾,包含Bluesky上的CSS相关分享,最后送上新年祝福
Should you bet on Valdi instead of React Native?LogRocket Blog/@Ikeh Akinyemi/3 天前文章探讨是否应选择Valdi而非React Native,介绍Valdi通过编译TypeScript到原生视图跳过JavaScript runtime的特点,对比React Native新架构,并分析trade-off的合理性
The 8 trends that will define web development in 2026LogRocket Blog/@David Omotayo/3 天前文章介绍了2026年将定义前端开发的8大重要趋势,涵盖AI优先开发、TypeScript普及等方向
Container queries in 2026: Powerful, but not a silver bulletLogRocket Blog/@Sebastian Weber/6 天前文章围绕容器查询展开,介绍其让组件响应自身布局上下文而非视口的特性,探索工作原理、与媒体查询的搭配,同时提及相关限制和注意事项。
Server Components vs. Islands Architecture: The performance showdownLogRocket Blog/@Muhammed Ali/7 天前本文对比React Server Components与Islands Architecture,分析二者如何减少客户端JavaScript、影响 hydration和交互性,探讨生产性能中的关键权衡
Thank You (2025 Edition)CSS-Tricks/@Geoff Graham/10 天前作者感谢读者每日参与前端讨论,还感谢DigitalOcean团队,称赞其不强行推广产品服务、不干涉编辑方向等,并特别提到Roxie Elliott的幕后帮助很有价值。
Frontend Wrapped 2025: The 10 storylines that defined the yearLogRocket Blog/@Chizaram Ken/10 天前文章探讨了2025年定义前端开发的十大故事线,涵盖了人工智能进展、供应链攻击和框架突破等方面
Getting started with NativeWind: Tailwind for React NativeLogRocket Blog/@Chinwike Maduabuchi/10 天前本文主要讲述了如何使用NativeWind(用于React Native的Tailwind)来为React Native应用进行样式设计。
text-decoration-inset is Like Padding for Text DecorationsCSS-Tricks/@Daniel Schwarz/11 天前文章介绍了CSS属性text-decoration-inset,它解决了自网络诞生以来文本装饰(如下划线)超出字符范围导致垂直对齐问题
How to type React children correctly in TypeScriptLogRocket Blog/@Ohans Emmanuel/12月19日文章介绍了在TypeScript中为React children正确进行类型定义的现代最佳实践,包括ReactNode、PropsWithChildren、ComponentProps等类型,以及不再推荐使用React.FC的原因。
The complete guide to internationalization in Next.jsLogRocket Blog/@Ivan Vlatkovic/12月19日这篇文章是关于Next.js应用国际化的完整指南,涵盖了App Router、RSC、路由、语言环境检测和动态语言切换等内容。
Cursor’s Design Mode (Visual Editing) ExplainedBuilder.io Blog/12月19日文章主要解释了Cursor的设计模式,探讨它是否能成为Figma杀手,介绍了其工作原理、对非开发者和源映射的不足,以及让设计师编辑代码的方法。
Masonry Layout is Now grid-lanesCSS-Tricks/@Sunkanmi Fafowora/12月19日文章介绍了CSS中一种新的显示属性关键字grid-lanes,它将触发砖石布局模式,并提及了在不同浏览器中的实现情况。
Vite vs. Webpack for react apps in 2025: A senior engineer’s perspectiveLogRocket Blog/@Peter Aideloje/12月19日一位高级工程师从性能、开发者体验、构建控制等方面,对2025年React应用中Vite与Webpack进行了比较,并阐述了各自适用场景。
Next.js 16.1Next.js Blog/@Luke Sandberg Tim Neutkens/12月18日Next.js 16.1版本引入了Turbopack文件系统缓存用于开发、新的包分析器以及更便于在Node.js中调试的功能。
How Product Teams Built With Builder.io in 2025Builder.io Blog/12月18日本文回顾了2025年团队如何在产品、设计和代码的实际工作流程中使用Builder作为AI协作工具。
Vitest 4 adoption guide: Overview and migrating from JestLogRocket Blog/@Onuorah Bonaventure/12月18日本文是Vitest 4的采用指南,介绍了如何从Jest无痛迁移到Vitest 4,包括使用代码转换工具、更快的测试、原生ESM、浏览器测试以及更好的开发者体验等内容。
Search CSS-Tricks Raycast ExtensionCSS-Tricks/@Geoff Graham/12月18日Jelte Lagendijk构建了一个Raycast扩展,用于搜索CSS-Tricks文章,输入即可获得实时结果。
Types vs. interfaces in TypeScriptLogRocket Blog/@Yan Sun/12月18日本文主要介绍了TypeScript中类型和接口的使用,包括在React props中的实际应用、高级映射和模板字面量类型、性能权衡以及常见陷阱等
I tested 5 AI CLI tools: Here’s how they stack upLogRocket Blog/@Emmanuel John/12月18日作者用构建相同类型的React Todo应用的方式,对五个AI编码命令行工具进行了实践比较。