mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.

Server stats:

8.1K
active users

#react

22 posts19 participants0 posts today
FunctionalProgrammingBuilding a useWindowSize Hook from Scratch Source code: reactuse/useWindowSize Demo: https://www.reactuse.com/element/useWindowSize In React development, we frequently need to adjust component beha...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/Software" target="_blank">#Software</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/prodsens" target="_blank">#prodsens</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/live" target="_blank">#live</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/programming" target="_blank">#programming</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/react" target="_blank">#react</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/reacthook" target="_blank">#reacthook</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/webdev" target="_blank">#webdev</a><br><br><a href="https://prodsens.live/2025/07/25/building-a-usewindowsize-hook-from-scratch/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=building-a-usewindowsize-hook-from-scratch" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=FunctionalProgramming" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=M7qWkkMwPVBKZMV6d2O3hskBpHE&amp;interestId=FunctionalProgramming" rel="nofollow noopener" target="_blank">Match</a>
Frontend Dogma<p>Introducing Zustand (State Management), by @adamrackis.bsky.social (@frontendmasters.com):</p><p><a href="https://frontendmasters.com/blog/introducing-zustand/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/intro</span><span class="invisible">ducing-zustand/</span></a></p><p><a href="https://mas.to/tags/introductions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>introductions</span></a> <a href="https://mas.to/tags/statemanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>statemanagement</span></a> <a href="https://mas.to/tags/tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tooling</span></a> <a href="https://mas.to/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a></p>
LLMsUsing GitHub Spark to reverse engineer GitHub Spark GitHub Spark was released in public preview yesterday. It's GitHub's implementation of the prompt-to-app pattern also seen in products li...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/github" target="_blank">#github</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/javascript" target="_blank">#javascript</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai" target="_blank">#ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/react" target="_blank">#react</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/typescript" target="_blank">#typescript</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/prompt-engineering" target="_blank">#prompt-engineering</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/generative-ai" target="_blank">#generative-ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/llms" target="_blank">#llms</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai-assisted-programming" target="_blank">#ai-assisted-programming</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/llm-tool-use" target="_blank">#llm-tool-use</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/vibe-coding" target="_blank">#vibe-coding</a><br><br><a href="https://simonwillison.net/2025/Jul/24/github-spark/#atom-everything" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=LLMs" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=AWUbsaqRzRrXDXNYxsvT9ho5Vbs&amp;interestId=LLMs" rel="nofollow noopener" target="_blank">Match</a>
:rss: Hacker News<p>Show HN: A code editor that integrates into the browser<br><a href="https://tachicode.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tachicode.dev/</span><span class="invisible"></span></a><br><a href="https://rss-mstdn.studiofreesia.com/tags/ycombinator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ycombinator</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/editor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>editor</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/tachi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tachi</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>
Reverse-EngineeringUsing GitHub Spark to reverse engineer GitHub Spark GitHub Spark was released in public preview yesterday. It's GitHub's implementation of the prompt-to-app pattern also seen in products li...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/github" target="_blank">#github</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/javascript" target="_blank">#javascript</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai" target="_blank">#ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/react" target="_blank">#react</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/typescript" target="_blank">#typescript</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/prompt-engineering" target="_blank">#prompt-engineering</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/generative-ai" target="_blank">#generative-ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/llms" target="_blank">#llms</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai-assisted-programming" target="_blank">#ai-assisted-programming</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/llm-tool-use" target="_blank">#llm-tool-use</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/vibe-coding" target="_blank">#vibe-coding</a><br><br><a href="https://simonwillison.net/2025/Jul/24/github-spark/#atom-everything" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=Reverse-Engineering" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=9ITgX8bCKclOkGfr773j1WoXOFc&amp;interestId=Reverse-Engineering" rel="nofollow noopener" target="_blank">Match</a>
Reverse-EngineeringUsing GitHub Spark to reverse engineer GitHub Spark GitHub Spark was released in public preview yesterday. It's GitHub's implementation of the prompt-to-app pattern also seen in products li...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/github" target="_blank">#github</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/javascript" target="_blank">#javascript</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai" target="_blank">#ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/react" target="_blank">#react</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/typescript" target="_blank">#typescript</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/prompt-engineering" target="_blank">#prompt-engineering</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/generative-ai" target="_blank">#generative-ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/llms" target="_blank">#llms</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai-assisted-programming" target="_blank">#ai-assisted-programming</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/llm-tool-use" target="_blank">#llm-tool-use</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/vibe-coding" target="_blank">#vibe-coding</a><br><br><a href="https://simonwillison.net/2025/Jul/24/github-spark/#atom-everything" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=Reverse-Engineering" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=Oae7lkm88bhA2DG4tqmRK0maafY&amp;interestId=Reverse-Engineering" rel="nofollow noopener" target="_blank">Match</a>
FunctionalProgrammingAnima Playground vs. Figma Make - Choosing the Right Vibe-Coding Tool Converting a design into code used to be a lengthy process with lots of back and forth between design and development teams. Th...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/webdev" target="_blank">#webdev</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/programming" target="_blank">#programming</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/ai" target="_blank">#ai</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/react" target="_blank">#react</a><br><br><a href="https://dev.to/andrewbaisden/anima-playground-vs-figma-make-choosing-the-right-vibe-coding-tool-3dhb" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=FunctionalProgramming" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=BXtT3uoYKKE7zEqacGDdWkrLyNM&amp;interestId=FunctionalProgramming" rel="nofollow noopener" target="_blank">Match</a>
DionyZack 🍉✊🏽♀️🇳🇨<p>📽️ vidéo en ✊ React : Akadem fait une vidéo sur Houria ! avec Houria et Maxime Benatouil: -- PtElSbJlGww?version=3 <a href="https://www.youtube.com/watch?v=PtElSbJlGww&amp;utm_source=dlvr.it&amp;utm_medium=mastodon" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=PtElSbJlGw</span><span class="invisible">w&amp;utm_source=dlvr.it&amp;utm_medium=mastodon</span></a> <a href="https://piaille.fr/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://piaille.fr/tags/YouTube" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>YouTube</span></a> <a href="https://piaille.fr/tags/Houria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Houria</span></a> <a href="https://piaille.fr/tags/Vid%C3%A9o" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vidéo</span></a> <a href="https://piaille.fr/tags/MaximeBenatouil" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MaximeBenatouil</span></a></p>
Michael Küper<p>Der Bot läuft – und ich bin ein gutes Stück schlauer. <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23Bluesky" target="_blank">#Bluesky</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23React" target="_blank">#React</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23CodingMitGPT" target="_blank">#CodingMitGPT</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23LearningByDoing" target="_blank">#LearningByDoing</a> PS: Ich habe mir bei diesem Text von ChatGPT helfen lassen! (4/4)</p>
François Zaninotto<p>If you're building a <a href="https://fosstodon.org/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> SPA by connecting Tailwind CSS, shadcn/ui, TanStack Query, React Hook Form, and React-Router, you're reinventing the wheel. <a href="https://marmelab.com/shadcn-admin-kit/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">marmelab.com/shadcn-admin-kit/</span><span class="invisible"></span></a></p>

Долгий путь к ResizeObserver

Привет, Хабр! Меня зовут Анна, я JS-разработчик в компании SimbirSoft и занимаюсь разработкой веб-приложений на React. Эту статью я посвящаю тем, кто занимается разработкой, сталкивается с нестандартными задачами и переживает, что нашу профессию может вскоре заменить искусственный интеллект (ИИ). Я поделюсь решением задачи, связанной с динамическими размерами блока, — проблемой, с которой наверняка может столкнуться в своей работе любой frontend-разработчик. Почему же я назвала статью именно «Долгий путь к ResizeObserver»? Возможно, я и слышала раньше про этот API, но когда передо мной встала конкретная задача (описанная ниже), я о нем даже не вспомнила. Мне пришлось пробовать сначала одно решение, потом другое — и лишь в третью очередь я пришла к нужному инструменту. Таков мой путь — из трех шагов. Я человек, поэтому могу честно рассказать, как именно искала решения, в отличие от ИИ. Надеюсь, моя статья поможет вам быстро и эффективно справиться с похожей задачей, а заодно придаст уверенности в собственных силах. Я убеждена: ответы на вопросы находятся не только в нашей голове, но и в окружающем мире, а человек, в отличие от ИИ, способен чувствовать, искать и находить их самым неожиданным для себя образом.

habr.com/ru/companies/simbirso

ХабрДолгий путь к ResizeObserverПривет, Хабр! Меня зовут Анна, я JS-разработчик в компании SimbirSoft и занимаюсь разработкой веб-приложений на React. Эту статью я посвящаю тем, кто занимается разработкой, сталкивается с...

🌖 介紹 XMLUI – Jon Udell
➤ 重新定義網頁開發的簡潔之道
blog.jonudell.net/2025/07/18/i
本文介紹了 XMLUI,一個旨在讓非專業程式設計師也能輕鬆開發現代網頁應用程式的新工具。XMLUI 結合了 Visual Basic 的易用性和 React 的強大功能,透過 XML 標記來組合元件,無需深入瞭解 React 或 CSS。作者展示了使用 XMLUI 建立應用程式的範例,例如查詢倫敦地鐵線路狀態,並強調了其可讀性、可維護性以及與大型語言模型 (LLM) 的協同作業能力。文章也探討了 XMLUI 的反應式資料綁定和主題系統,認為它為網頁開發提供了一種更簡潔、更高效的替代方案。
+ 這個 XMLUI 看起來很有趣,對於沒有前端經驗的人來說,應該可以快速上手,做出一些實用的應用程式。
+ 我一直覺得 React 學習曲線太陡峭了,這個工具或許能解決這個問題,讓更多人參與到網頁開發中來。
#網頁開發 #前端技術 #React #XML #無程式碼/低程式碼

Jon Udell · Introducing XMLUI
More from Jon Udell

Khắc phục sự cố với Shadcn Button khi có nhiều thành phần con. Bài viết giải thích về vấn đề style bị hỏng khi dùng icon hoặc JSX bên trong, và cách sử dụng Slottable từ Radix để giải quyết. #shadcn #react #javascript #frontend #lập_trình #front_end

dev.to/weamadel/fixing-shadcn-

DEV CommunityFixing Shadcn Slot Issues with Multiple ChildrenIntroduction Ever tried using a shadcn/ui Button as a link while also including icons or...