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