Front End World(@front_end_first)是 TGbox 收录的 Telegram 开发编程频道,目前有 25,697 名订阅者,创建于 2016年7月1日,活跃度为非常活跃,内容以英语为主。
频道简介与描述自动翻译
关于Front End开发的新文章. JS,CSS,React,Vue,Angular等! 俄罗斯科技博客: @five_a_m 管理员: @jem_jem
本頁有繁體中文版。
切換到繁體中文This page is available in English.
Switch to EnglishFront End World@front_end_first
直达Front End World(@front_end_first)是 TGbox 收录的 Telegram 开发编程频道,目前有 25,697 名订阅者,创建于 2016年7月1日,活跃度为非常活跃,内容以英语为主。
关于Front End开发的新文章. JS,CSS,React,Vue,Angular等! 俄罗斯科技博客: @five_a_m 管理员: @jem_jem
– ·6 次采样
Colour variants from base colours with OKLCH, CSS relative color, and CSS functions Many others have covered the manipulation of colour in CSS. This is me documenting what has worked for me, practically, 'in the wild'. It is a common requirement to need a variant of an... https://benfrain.com/colour-variants-from-base-colours-with-oklch-css-relative-color-and-css-functions/

Atelier UI: Mixing WebGL and the DOM in a React UI Library https://tympanus.net/codrops/2026/10/21/atelier-ui-webgl-dom/

Moving to Angular Zoneless What to watch for as you migrate your Angular app to Zoneless change detection. https://www.telerik.com/blogs/moving-angular-zoneless

Next.js Hydration Errors from localStorage: 3 Ways to Fix Them https://www.sitepoint.com/nextjs-hydration-error-localstorage/

TypeScript 7.0 Migration Guide: Performance, Compatibility, and Upgrade Steps Planning to upgrade to TypeScript 7.0? Explore the guide covering performance benchmarks, compiler compatibility, configuration changes, and migration steps. https://www.syncfusion.com/blogs/post/typescript-7-upgrade-guide

Effects with useEffect Learn how to use the useEffect hook to synchronize your components with the world outside of React, including dependency arrays, cleanup functions, Strict Mode, and when you don't need an effect at all. https://www.kirupa.com/react/effects_with_useeffect.htm

Native masonry layouts with CSS grid lanes It’s been a long process but now, masonry layouts have an actual CSS approach, so Saleh Mubashar has put together a really useful guide on how it works, how we got here and what’s next. https://piccalil.li/blog/native-masonry-layouts-with-css-grid-lanes/

Building an Isolated Preview for AI-Generated HTML https://blog.master.dev/building-an-isolated-preview-for-ai-generated-html/

Structured Output with TanStack AI https://blog.master.dev/structured-output-with-tanstack-ai/

Embracing Playful Imperfection With The CSS random() Function Design systems thrive on consistency, so where does randomness fit in? Through playful demos of organic typography, bouncing letters, and splayed cards, Brecht De Ruyte shows how the new CSS random() function brings a little imperfection to the web without JavaScript libraries or preprocessor loops that generate hundreds of lines of static CSS. https://www.smashingmagazine.com/2026/10/embracing-playful-imperfection-css-random-functi…

PHP2Shell: AI uncovers critical RCE vulnerabilities affecting 70% of the Internet Core PHP engine flaws enable remote code execution and Heartbleed-style memory disclosure across the web. https://www.wiz.io/blog/php2shell-php-rce

Frontend Performance Optimization: A Practical Guide to Faster Web Pages https://javascript.plainenglish.io/frontend-performance-optimization-a-practical-guide-to-faster-web-pages-c7a8d34fdbb5

React Server Components, One Year After React2Shell: The Patch You Probably Missed and How to Harden Your App https://medium.com/@ascendrixtech/react-server-components-one-year-after-react2shell-the-patch-you-probably-missed-and-how-to-5b3838cfd48d

Quirks and Vintage Uses of CSS Table Display Jokes about aligning divs will not be tolerated. https://vale.rocks/posts/table-display-values

Useful @custom-media Presets https://blog.master.dev/useful-custom-media-presets/

Ship less JavaScript in Next.js with your AI agent Optimize your Next.js app's bundles with the next-bundle-optimizer agent skill, or explore them yourself with new Bundle Analyzer tools. https://nextjs.org/blog/ship-less-javascript-with-ai

effect vs Effect in React: What’s the Difference? https://rahuulmiishra.medium.com/effect-vs-effect-in-react-whats-the-difference-8ad3c00c7f6e

React.lazy, Suspense and the Hidden 300 ms Delay Every new tab is a cold start. We set out to shrink our bundle, found that bytes weren't the problem, and traced the real delay to how React reveals lazy-loaded and suspended content. https://tabwidgets.com/blog/react-lazy-suspense-delay

Node2Shell: remote code execution on stock Node.js builds (CVE-2026–111497) A malformed Brotli body returns a shell on a stock Node.js build. ELLIO reproduced Node2Shell on x86-64 against four targets, and the scanning has started. https://ellio.tech/en/blog/node2shell-cve-2026-111497-rce-on-stock-nodejs-builds/

What’s new in Astro — October 2026 October 2026 - Astro 7.4, conference talks, and more! https://astro.build/blog/whats-new-october-2026/

在这里,我们宣布了Android Java、iOS Swift、JS、C/C++中的Telegram编码比赛。
关于 Telegram Bot API 的官方消息来源. https://core.telegram.org/bots
这个测试商店拥有最异国情调的想象性商品,没有钱可以买到,所以你可以测试Telegram Payments 2.0如何工作,而不花一分钱。
开发者社区在Telegram. https://thedevs.network 工作: @thehire 有什么要分享的? @thedevs_share
互联网从业者专属 内容多为技术、产品、设计、运营等不同话题内容; 目标人群为程序员、设计师、产品经理、运营管理等不同职能。 投稿/合作: @inside1024_bot 内容来源网络
来自 https://news.ycombinator.com 的顶级故事(100+分) 在这里为发展做出贡献: https://github.com/phil-r/hackernewsbot 还检查 https://t.me/designer_news 联系人: @philr
欢迎来博客聊天! 善待 请使用英语,让每个人都能参与 保持博客开发的主题 ⚠️ 将媒体帖子如GIF和贴纸保持在最小限度上 ❌ 添加/使用博客在这里 = BAN 更多信息 - https://t.me/BotTalk/608888
加入即同意遵守: 1. 严禁:广告/招聘、引战、色情/低俗、黑灰产、过激言论、离题话题、作弊/有偿任务、任何形式 spam。违者警告或封禁。 2. 吹水/编程起步:请移步 @coder_ot。 3. 关于 AI: - 不鼓励用 AI 直接回答问题。 - 如需使用,请自行使用或总结后再分享。 - 严禁直接复制粘贴 AI 生成的大段文本(按刷屏处理)。 4. 长代码:请使用 pastebin 等工具展示。 5. 保留上下文:非违规/敏感内容,请勿随意删除消息,确保对话完整。
【进群看群置顶】AI、程序员、分享创造、问与答、网络、生活
⚠️入群请详细阅读群规,违反规则一律封禁!(退群者bot自动永久封禁) 🈲 政治,政治话题相关内容 🈲 情色,童车,恶心及令人反胃 🈲 广告,任何广告请先联系群主 🈲 引战,包括可能导致引战的话题 🈲 兜底,管理有最终处置权 投稿联系: @hwzy0_bot 资源频道: @HelloWorld_1024
DS、ML、IOT、AI、DEEP LEARNING 和更多来自主频道 @kdnuggets 的讨论社区,并讨论 @DatascienceChats
此组旨在讨论电报举办的编码和设计比赛,请使用英语. 请参见 @contest 以获取信息. 对于俄语的讨论,请使用 @contests_ru https://t.me/contests/51172