Now vibe coding, so learning hammer FE ?https://channel.meo-ai.comhttps://channel.meo-ai.com/posts/129https://channel.meo-ai.com/posts/129Fri, 20 Dec 2024 00:40:58 GMT<a href="/search/result?q=%23React" title="#React">#React</a> <a href="/search/result?q=%23%E5%BA%93" title="#库">#库</a> 无头UI的挑战者，值得关注的是背后的团队，来自Radix，MUI，FloatingUI。<br /><br /><a href="https://base-ui.com/" target="_blank" rel="noopener" title="https://base-ui.com/">https://base-ui.com/</a><a class="tgme_widget_message_link_preview" href="https://base-ui.com/" target="_blank" rel="noopener" title="Unstyled UI components for building accessible web apps and design systems."> <div class="link_preview_site_name accent_color">Base-Ui</div> <img class="link_preview_image" alt="Unstyled UI components for accessible design systems · Base UI" src="/static/https://cdn4.telesco.pe/file/ERRKHPmY7H1GnAxv1xO8HwHrNHJdUfoFqf9I1XKPfJiwHjE7iCYhghXMpEZyopyjB0T2Aroo-5bFW-GqDdAYcr89lNtuXH0SmcRB_7ekNCudgbj8d8iEDjrZ_l3Y4AUVxkge2Q5cFTCG248So_oS5r49s6dQ0YAuSMECcOjdttj2CXJ7eBzH9C0Xrmk1naFwXVZ2EELejc9bMou0z-ckj45a6Sv7QxmuyFjDkru9SeHJ2NJfqYD2JM1Fq9HK3BD5sgl0yzbEyQN7PMPCQ8XwMQETFwPq9aJNdPzVsZ_RDzzuyNBVLC-lbU-fxWl-6663dSxR-OYzoQVUYy8kaK4dow.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Unstyled UI components for accessible design systems · Base UI</div> <div class="link_preview_description">Unstyled UI components for building accessible web apps and design systems.</div> </a>https://channel.meo-ai.com/posts/112https://channel.meo-ai.com/posts/112Wed, 11 Dec 2024 05:48:05 GMT<a href="/search/result?q=%23%E5%8E%9F%E7%90%86" title="#原理">#原理</a> <a href="/search/result?q=%23%E5%BA%93" title="#库">#库</a> <a href="https://www.alexchantastic.com/building-an-npm-create-package" target="_blank" rel="noopener" title="`npm create` 的原理以及如何创建一个自己的 `create` 指令">`npm create` 的原理以及如何创建一个自己的 `create` 指令</a><a class="tgme_widget_message_link_preview" href="https://alexchantastic.com/building-an-npm-create-package" target="_blank" rel="noopener" title="A tutorial on building an npm create package."> <div class="link_preview_site_name accent_color">Alexchantastic</div> <img class="link_preview_image" alt="Building an npm create package — Alex Chan" src="/static/https://cdn4.telesco.pe/file/p6T5dwmfLUaaDQBd7j2c5dejpP3-ivn5c4A7eav_-3uPYalee0YDbfK4LadEhP9LU79_KR6uohs4rwZgFqW_ZfQ3yzQxX9OREgtmZBP7eEnYGcpR7Ao9k1rVal3yzrXk7yB_WlyLTaCCuTzyzU_BxJm4hTbwxbiiZWoW9QeGlF0vLmU4IBc_40KOC1qWKmgGxX7S7ASUPJGSMVYflZKMQAZ_b2_oafTamRvLh7bBqU7wTTARV-OqJ0bAZdMSDGHWW2sNyXp1RrlODSIq5sSXGRPG7C-Xb0ieVT64uaPxFwE9RjDBH4AWeZnPMZISlz0jccSUfn2sjOa2dx9XPbiGrQ.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Building an npm create package — Alex Chan</div> <div class="link_preview_description">A tutorial on building an npm create package.</div> </a>https://channel.meo-ai.com/posts/80https://channel.meo-ai.com/posts/80Fri, 22 Nov 2024 04:57:01 GMT<a href="/search/result?q=%23%E5%BA%93" title="#库">#库</a> viselect - 让用户可视化地就像在桌面一样选择 dom 元素<br /><br /><a href="https://github.com/Simonwep/selection" target="_blank" rel="noopener" title="https://github.com/Simonwep/selection">https://github.com/Simonwep/selection</a><a class="tgme_widget_message_link_preview" href="https://github.com/Simonwep/selection" target="_blank" rel="noopener" title="✨ Viselect - A high performance and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies, super small. Support for major frameworks! - simonwe..."> <div class="link_preview_site_name accent_color">GitHub</div> <img class="link_preview_image" alt="GitHub - simonwep/viselect: ✨ Viselect - A high performance and lightweight library to add a visual way of selecting elements,…" src="/static/https://cdn4.telesco.pe/file/XHHQxxGxPNnwrx4CgWuMw9uiqLEb1gsXfLjmVFVyQZ5WUXcvbYLZ7jSC_JJjQvbUiBhtg1oEfrEIaIjtgDHEEmke8uR3mmuD5lM2obSiXpek_twT27FPUMpGGmyOFM4FlYZQZWbZyc_XmDNVezMDyEOe-LEVL6YfPm_S0eqQBsrokf3_o0xmXTEhm0pQ6ekBrijXtxXO8D7xhvkyQA4-pwfk5pl6lTV7oJ30NL0Hx7x9Dnj2tZGcEr_NEiw5VYfDimP-dR5RYLyO3Yj-DZ4lOInYGFcX6dkTkNoqgbZ26KdLopn3jydVB2YCOLQhwN0niFzs_or76rzduy-G45Ce2g.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">GitHub - simonwep/viselect: <i class="emoji" style="background-image:url('//telegram.org/img/emoji/40/E29CA8.png')"><b>✨</b></i> Viselect - A high performance and lightweight library to add a visual way of selecting elements,…</div> <div class="link_preview_description"><i class="emoji" style="background-image:url('//telegram.org/img/emoji/40/E29CA8.png')"><b>✨</b></i> Viselect - A high performance and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies, super small. Support for major frameworks! - simonwe...</div> </a>https://channel.meo-ai.com/posts/77https://channel.meo-ai.com/posts/77Fri, 22 Nov 2024 03:48:54 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-77-0" popovertargetaction="show" aria-label="Open image preview: #库 superjson 将 JavaScript 表达式安全地序列化为 JSON 的超集，其中包括日期、BigInt 等"> <img src="/static/https://cdn5.telesco.pe/file/UNtA7bmKwMsPc7oL0LoazIOD7NDJuHRafrFz1oRz4Qm8tMSdWIGAv5A_5X4q-yObfF91AU6y5uLtSO-QRSgDSL_v_BYgYleLOwrkHWWHWwlQZBZO5bcb_0QngjqGkhm8Q6cHz1wfypKljalBBFx8TkNxAatVvwuXHhZJkHxWDI0et7T-3VXhF8DYytdbewWrmqoammIbIa0cjagYHwyrCIBsstre2YstnUMWjFkJMu_eGTxUCB7fMReZgGCP3hE_mmTEO8XWfg-dBcIs0fRgXq8yq8G-5bsvFOD3xImVKwQt1LXwzvJPKhUnvbRTa8Oj52uDqOYBxHla79TSnCG0bw.jpg" alt="#库 superjson 将 JavaScript 表达式安全地序列化为 JSON 的超集，其中包括日期、BigInt 等" width="615" height="576" loading="eager" /> </button> <div class="modal" id="modal-77-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-77-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-77-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><a href="/search/result?q=%23%E5%BA%93" title="#库">#库</a><a href="https://github.com/flightcontrolhq/superjson" target="_blank" rel="noopener" title=" superjson"> superjson</a> 将 JavaScript 表达式安全地序列化为 JSON 的超集，其中包括日期、BigInt 等https://channel.meo-ai.com/posts/19https://channel.meo-ai.com/posts/19Tue, 05 Nov 2024 09:01:37 GMT<a href="/search/result?q=%23%E6%96%87%E7%AB%A0" title="#文章">#文章</a> <a href="/search/result?q=%23%E5%BA%93" title="#库">#库</a> 2024 年如何创建 NPM 包 —— 听起来很简单，但如果你想遵循最佳实践、引入有用的工具并做到恰到好处，其中涉及很多步骤。<br />How To Create An NPM Package | Total TypeScript<br /><a href="https://www.totaltypescript.com/how-to-create-an-npm-package" target="_blank" rel="noopener" title="https://www.totaltypescript.com/how-to-create-an-npm-package">https://www.totaltypescript.com/how-to-create-an-npm-package</a><a class="tgme_widget_message_link_preview" href="https://totaltypescript.com/how-to-create-an-npm-package" target="_blank" rel="noopener" title="Learn how to publish a package to npm with a complete setup including, TypeScript, Prettier, Vitest, GitHub Actions, and versioning with Changesets."> <div class="link_preview_site_name accent_color">Total TypeScript</div> <img class="link_preview_image" alt="How To Create An NPM Package" src="/static/https://cdn4.telesco.pe/file/Yxa4c-cZvOAa1gYs80Plzz5vreyQlXKCyapKV0IXuQqI5thKAaLKv_8lh4YXlhpTelSygunFBBRstcg3H2p45wUHqOK8D02z67_TwMSpym8IAbonAkP30MSgirPODnvbODuk0ZtnOvwvEgNwNum4YX_qFGdYjvzbDdMHXN04uyJlxanXDaGULsOgzzE4OeGLHh-jxSXp1NJb-_rwLjExkNJW2hTVnhQSlC-L4_QOvg_4nutmCOp0EwoVnt-70Ol6jkLOiA7YqJGol1Qn_RP71fGs64diHmR5pgKEqPMCx9OpTsX9KSGNVlHiFqH3IKRWQgZnMEHB1diz0cCcqjf9dQ.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">How To Create An NPM Package</div> <div class="link_preview_description">Learn how to publish a package to npm with a complete setup including, TypeScript, Prettier, Vitest, GitHub Actions, and versioning with Changesets.</div> </a>