mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,4 Tsd.
aktive Profile

#reactjs

1 Beitrag1 Beteiligte*r1 Beitrag heute
Karthikeyan A K<p>Finally, CSS is going to kill React / JavaScript bloatware <a href="https://developer.chrome.com/docs/web-platform/view-transitions/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/docs/web-</span><span class="invisible">platform/view-transitions/</span></a></p><p><a href="https://mstdn.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mstdn.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mstdn.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mstdn.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
DailyDevDiet<p>Chapter 2: Setting Up the Development Environment</p><p>🔧 Chapter 2 is LIVE! </p><p>Setting up your React development environment properly is crucial for a smooth coding experience. Today's chapter covers everything from Node.js installation to VS Code extensions that will supercharge your productivity.<br>Ready to build your perfect React workspace?</p><p>👉 Read Chapter 2 now: <a href="https://dailydevdiet.com/development-environment-for-react/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dailydevdiet.com/development-e</span><span class="invisible">nvironment-for-react/</span></a><br><a href="https://mastodon.social/tags/ReactJs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJs</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/environment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>environment</span></a></p>
It's a me, Mauro<p>I've just deployed my first <a href="https://mograph.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> project on my website (many thanks to <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>astro</span></a></span> )</p><p>I have another small one almost ready as well to deploy, probably in the weekend.</p><p>I made the mistake of not thinking "mobile first" and now it will take me more time to make it work on mobile (hello &lt;dialog&gt; element!), but overall for this week I shipped!</p><p><a href="https://www.mauromotion.com/portfolio/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">mauromotion.com/portfolio/</span><span class="invisible"></span></a></p><p><a href="https://mograph.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mograph.social/tags/buildinpublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>buildinpublic</span></a> <a href="https://mograph.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Sal Rahman<p>I'm looking for a junior to intermediate developer to work with us to empower everyone to become professional video network operators.</p><p>It's on-site, 4 days a week.</p><p>I'm specifically looking to onboard someone to our React frontend.</p><p>React experience (or even frontend experience) is not a hard requirement.</p><p>If you want to learn more about the company itself, check it out here <a href="https://gooseott.com/en/home-en/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">gooseott.com/en/home-en/</span><span class="invisible"></span></a></p><p>And please DM me if you're interested.</p><p><a href="https://techhub.social/tags/GetFediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GetFediHired</span></a> <a href="https://techhub.social/tags/FediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHired</span></a> <a href="https://techhub.social/tags/Hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hiring</span></a> <a href="https://techhub.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://techhub.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://techhub.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://techhub.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a></p>
Ranjan Kumar<p>Today I finally understood one of React’s most confusing warnings:<br>"React Hook useEffect has a missing dependency…"</p><p>🔍 What began as debugging ended up being a crash course in useCallback, stale closures, and infinite re-renders.</p><p>Full breakdown:<br><a href="https://iranjankumar.com/that-yellow-line-in-vs-code-nearly-broke-my-brain-and-how-i-finally-got-it/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">iranjankumar.com/that-yellow-l</span><span class="invisible">ine-in-vs-code-nearly-broke-my-brain-and-how-i-finally-got-it/</span></a></p><p><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/OpenWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenWeb</span></a></p>
Nube Colectiva<p>How to Convert HTML to PDF in React. </p><p>Cómo Convertir HTML a PDF en React. </p><p>👉 <a href="https://nubecolectiva.com/blog/como-convertir-html-a-pdf-en-react/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/como-co</span><span class="invisible">nvertir-html-a-pdf-en-react/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/pdf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pdf</span></a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a></p>
Curtis Carter<p>I'm going to start mentoring my friend's son who just completed a coding boot camp through a local community college. I'm starting with <a href="https://floss.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a> projects in languages/frameworks he was taught.ij the boot camp) <a href="https://floss.social/tags/java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>java</span></a> <a href="https://floss.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a></p><p>I maintain a <a href="https://floss.social/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>csharp</span></a> project, but if anyone else has something that could use a potentially long term contributor I'll start working with him on issues. He needs to build his resume and learn to work with a distributed team.</p>
Nube Colectiva<p>How to Create a Micro Frontend with React and Vite. </p><p>Cómo Crear Un Micro Frontend con React y Vite. </p><p>👉 <a href="https://nubecolectiva.com/blog/como-crear-un-micro-frontend-con-react-y-vite/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/como-cr</span><span class="invisible">ear-un-micro-frontend-con-react-y-vite/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a> <a href="https://mastodon.social/tags/vitejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vitejs</span></a></p>
xoron :verified:<p>Are Web Components &amp; Cybersecurity A Better Combo?</p><p>I'm not trying to dunk on popular <a href="https://infosec.exchange/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://infosec.exchange/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frameworks</span></a> – I'm sure they're totally fine for <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cybersecurity</span></a> stuff, probably get loads of reviews and <a href="https://infosec.exchange/tags/audits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>audits</span></a>.</p><p>But from my angle: Web Components are *native* to the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a>. Doesn't that just inherently reduce the risk of **<a href="https://infosec.exchange/tags/SupplyChainAttacks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SupplyChainAttacks</span></a>** (you know, like a rogue `npm install` on a bad network) for your <a href="https://infosec.exchange/tags/AppSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppSecurity</span></a>?</p><p>Or am I overthinking it, and the <a href="https://infosec.exchange/tags/framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>framework</span></a> choice is less important than the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a>, <a href="https://infosec.exchange/tags/OS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OS</span></a>, or <a href="https://infosec.exchange/tags/device" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>device</span></a> running it? What are your thoughts, <a href="https://infosec.exchange/tags/DevCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevCommunity</span></a>?</p><p>---</p><p>Quick context: I've got a <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://infosec.exchange/tags/messagingApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>messagingApp</span></a> (repo here: <a href="https://github.com/positive-intentions/chat" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/chat</span></a>) and a separate <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIFramework</span></a> (repo here: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim</span></a>) built with <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lit</span></a> (which uses Web Components). I'm genuinely wondering if there's a compelling <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cybersecurity</span></a> reason to refactor the chat app to use my <a href="https://infosec.exchange/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a> UI framework. Might be a whole new level of <a href="https://infosec.exchange/tags/SecurityByDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SecurityByDesign</span></a> for <a href="https://infosec.exchange/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDev</span></a>.</p><p>FYI, same question's on Reddit here: <a href="https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">reddit.com/r/ExperiencedDevs/c</span><span class="invisible">omments/1lmk1rg/are_web_components_better_for_cybersecurity/</span></a>, got some good <a href="https://infosec.exchange/tags/insights" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>insights</span></a>, but want to make sure nothing's getting overlooked! Let's discuss <a href="https://infosec.exchange/tags/InfoSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InfoSec</span></a> <a href="https://infosec.exchange/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://infosec.exchange/tags/TechQuestion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechQuestion</span></a>.</p>
Nube Colectiva<p>How to Make a For Loop in React (JSX). </p><p>Cómo Hacer Un Bucle For en React (JSX). </p><p>👉 <a href="https://nubecolectiva.com/blog/como-hacer-un-bucle-for-en-react-jsx/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/como-ha</span><span class="invisible">cer-un-bucle-for-en-react-jsx/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a></p>
kazewaze<p>Soundz - <a href="https://soundzjs.vercel.app" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">soundzjs.vercel.app</span><span class="invisible"></span></a></p><p>Makes it easy to wrap your UI Elements with Beautiful, Accessible, and Customizable Sound Effects! <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://mastodon.social/tags/ts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ts</span></a> <a href="https://mastodon.social/tags/tsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tsx</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/jsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jsx</span></a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a> <a href="https://mastodon.social/tags/next" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>next</span></a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> <a href="https://mastodon.social/tags/component" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>component</span></a> <a href="https://mastodon.social/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>components</span></a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a> <a href="https://mastodon.social/tags/node" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>node</span></a> <a href="https://mastodon.social/tags/package" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>package</span></a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a> <a href="https://mastodon.social/tags/sound" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sound</span></a> <a href="https://mastodon.social/tags/sounds" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sounds</span></a> <a href="https://mastodon.social/tags/soundeffects" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>soundeffects</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/accessible" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessible</span></a> <a href="https://mastodon.social/tags/customization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>customization</span></a> <a href="https://mastodon.social/tags/easy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>easy</span></a></p>
Break3 Studios<p>In this post, I talked about progress toward Version 2.5 of the site. Mainly podcast features, future plans for dynamic layouts, and learning to use frameworks like React for better scalability.</p><p>Reply via your timeline 🌀<br><a href="https://new.vex.blue/articles/2024/09/16/future-vex" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">new.vex.blue/articles/2024/09/</span><span class="invisible">16/future-vex</span></a></p><p><a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mas.to/tags/Podcasts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Podcasts</span></a> <a href="https://mas.to/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mas.to/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mas.to/tags/DynamicSites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DynamicSites</span></a> <a href="https://mas.to/tags/OpenWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenWeb</span></a> <a href="https://mas.to/tags/DevJourney" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevJourney</span></a> <a href="https://mas.to/tags/AutisticTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AutisticTech</span></a></p>
Thomas Steiner :chrome:<p>📢 On July 15, 2025, I'll give a talk at the <a href="https://toot.cafe/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://toot.cafe/tags/Barcelona" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Barcelona</span></a> <a href="https://toot.cafe/tags/meetup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>meetup</span></a> on "Adding Built-in AI API support to Mastodon": <a href="https://www.meetup.com/es-ES/reactjs-barcelona/events/308646590/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">meetup.com/es-ES/reactjs-barce</span><span class="invisible">lona/events/308646590/</span></a>. You'll learn about built-in <a href="https://toot.cafe/tags/WebAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAI</span></a> APIs and how to use them in a large-scale React app like Mastodon! (Caveat: Actual PR pending, but it works on my machine 🫣…)</p>
devsimsek<p>Well, here's something I never thought I'd do: meticulously plan a UI in Sketch. As someone who lives in the systems/backend, I've always found this part of development tedious.<br>But for this new React 19/Tailwind project, I'm doing it right. And... I think I'm starting to like it? Finally understanding why we need tools like this. It's clicking.</p><p>Or its the magic of Scrimba, who knows?<br><a href="https://universeodon.com/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://universeodon.com/tags/DesignThinking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignThinking</span></a> <a href="https://universeodon.com/tags/Sketch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sketch</span></a></p>
codeDude :archlinux: :neovim:<p>I'm looking for job, usually I prefer Mexican payrole jobs ( with mexivan law benefits and plus) but I open to a good contractor/freelance offer<br>I'm a software engineer and full stack developer with 7 years of experience.<br>My technologies are <br>The recent ones are<br><a href="https://floss.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <br><a href="https://floss.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> <br><a href="https://floss.social/tags/RubyOnRails" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RubyOnRails</span></a> <br><a href="https://floss.social/tags/AWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AWS</span></a> <a href="https://floss.social/tags/microservices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microservices</span></a> <br><a href="https://floss.social/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a> <a href="https://floss.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> and <a href="https://floss.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <br><a href="https://floss.social/tags/algolia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algolia</span></a> <a href="https://floss.social/tags/indexer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indexer</span></a> <br><a href="https://floss.social/tags/CSM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSM</span></a> <a href="https://floss.social/tags/contenful" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>contenful</span></a><br>I also have experience.<br><a href="https://floss.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a> <a href="https://floss.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> <br><a href="https://floss.social/tags/workflow" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>workflow</span></a> <br><a href="https://floss.social/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a></p><p><a href="https://floss.social/tags/FediHire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHire</span></a> <a href="https://floss.social/tags/getFediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>getFediHired</span></a> <a href="https://floss.social/tags/FediJobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediJobs</span></a></p>
Tuvoc Technologies<p>A Guide to Understanding and Using React Server Components</p><p><a href="https://www.writeforustech.net/2025/06/react-server-components-guide.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">writeforustech.net/2025/06/rea</span><span class="invisible">ct-server-components-guide.html</span></a></p><p>Learn how React Server Components enhance performance by splitting rendering between server and client. This guide explains their benefits, use cases, and how to implement them effectively in modern web apps.</p><p><a href="https://mastodon.social/tags/ReactServerComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactServerComponents</span></a> <br><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a><br><a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <br><a href="https://mastodon.social/tags/FrontendPerformance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendPerformance</span></a><br><a href="https://mastodon.social/tags/ServerSideRendering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ServerSideRendering</span></a> <br><a href="https://mastodon.social/tags/ModernWebApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernWebApps</span></a><br><a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <br><a href="https://mastodon.social/tags/ReactDevelopers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactDevelopers</span></a><br><a href="https://mastodon.social/tags/FullStackDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FullStackDevelopment</span></a> <br><a href="https://mastodon.social/tags/React2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React2025</span></a></p>
Shubham Tiwari<p>Hello my frontend developers, today i will be showing some libraries and packages which you could add in your next js project to make it more efficient, fast, error prone, customizable, and type-safe.</p><p><a href="https://dev.to/shubhamtiwari909/next-js-starter-pack-3283" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dev.to/shubhamtiwari909/next-j</span><span class="invisible">s-starter-pack-3283</span></a></p><p><a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/tutorial" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tutorial</span></a></p>
Shubham Tiwari<p>🚀 Mastering API Handling in React &amp; Vanilla JS – One Step at a Time!</p><p>This week, I deep-dived into handling APIs in React and Vanilla JavaScript – not just fetching data, but doing it efficiently and securely which includes: Fetch, CRUD, Query Params, Auth, and AbortController Explained</p><p><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/APIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIs</span></a> <a href="https://mastodon.social/tags/AbortController" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AbortController</span></a> <a href="https://mastodon.social/tags/Authentication" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Authentication</span></a> <a href="https://mastodon.social/tags/Authorization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Authorization</span></a> <a href="https://mastodon.social/tags/AsyncAwait" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AsyncAwait</span></a> <a href="https://mastodon.social/tags/LinkedInLearning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LinkedInLearning</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a></p><p><a href="https://dev.to/shubhamtiwari909/handling-apis-in-frontend-a-complete-guide-fmo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dev.to/shubhamtiwari909/handli</span><span class="invisible">ng-apis-in-frontend-a-complete-guide-fmo</span></a></p>
psarant<p>When talking about the size of your dependencies with peers or leadership, which numbers do you use? <a href="https://mas.to/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>
Nube Colectiva<p>Real-time search with React JS, PHP, MySQL, and Bootstrap. </p><p>Buscar en tiempo real con React JS, PHP, MySQL y Bootstrap. </p><p>👉 <a href="https://nubecolectiva.com/blog/buscar-con-react-js-php-mysql-y-bootstrap/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/buscar-</span><span class="invisible">con-react-js-php-mysql-y-bootstrap/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>php</span></a> <a href="https://mastodon.social/tags/mysql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mysql</span></a></p>