one of the initial tests rendering an audio waveform to canvas and syncing to a 3D scene #ThreeJS #ReactJS #CreativeCoding

LeafletJS & React Leaflet

Ja mācētu #ReactJS vai kādu #VueJs sen jau būtu smukā daļa arī

implemented an ADSR envelope and rendered out the curve on a canvas to visualize the effect #CreativeCoding #ReactJS #WebAudio

Today I finally understood one of React’s most confusing warnings:
"React Hook useEffect has a missing dependency…"

🔍 What began as debugging ended up being a crash course in useCallback, stale closures, and infinite re-renders.

Full breakdown:
https://medium.com/@iamranjank09/solving-errors-help-me-learn-these-things-in-react-today-5d64fb3275be

#ReactJS #WebDev #JavaScript #OpenWeb

How to Convert HTML to PDF in React.

Cómo Convertir HTML a PDF en React.

👉 https://nubecolectiva.com/blog/como-convertir-html-a-pdf-en-react/

#programming #coding #programación #webdevelopment #devs #softwaredevelopment #html #pdf #reactjs

Storybook в IDE: конец эпохи копипаста

Если вы занимаетесь фронтенд-разработкой, то наверняка работали со Storybook — удобной витриной компонентов, на которой красиво лежат компоненты и примеры их использования. Его любят за интерактивную документацию, возможность визуального контроля и изолированной разработки. Но замечали ли вы, сколько действий приходится делать, чтобы взять компонент из Storybook и вставить его в реальный проект? Наверняка вы сталкивались с ситуацией: нашли компонент в Storybook, затем переключились обратно в IDE, скопировали код, вставили, адаптировали, проверили, и повторили снова. Кажется, многовато действий для простой вставки компонента, правда? Постоянные переключения между браузером и IDE, ручной копипаст и отсутствие связи с уже написанным кодом делают этот процесс неудобным и медленным. Storybook Studio: всё в одном месте...

https://habr.com/ru/companies/haulmont/articles/923808/

#storybook #vscode #vscode_extension #react #reactjs #javascript #mui

Code Tutorials — React: рисуем двумерный граф

Привет, друзья! В этой серии статей я делюсь с вами своим опытом решения различных задач из области веб-разработки и не только. В этой статье мы изучим библиотеку react-force-graph-2d для рисования двумерных графов. Демо приложения: https://react-graph.netlify.app/ Локальный запуск приложения: git clone https://github.com/harryheman/react-graph.git
cd react-graph
npm i
npm run dev Интересно? Тогда прошу под кат.

https://habr.com/ru/companies/timeweb/articles/917064/

#timeweb_статьи #javascript #js #reactjs #reactjs #react #webdev #graph #граф #canvas #холст #2d #edge #node #узел #грань #вершина #ребро

🚀 Building modern apps? Learn how to create a fast, offline-capable Progressive Web App (PWA) using React! Master service workers, performance hacks & installability. 💪
#ReactJS #WebDev #PWA

https://bdking71.wordpress.com/2025/06/30/building-a-rock-solid-progressive-web-app-pwa-with-react-a-masterclass-for-web-programmers/?utm_source=mastodon&utm_medium=jetpack_social

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 #foss projects in languages/frameworks he was taught.ij the boot camp) #java #ReactJS

I maintain a #csharp 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.

How to Create a Micro Frontend with React and Vite.

Cómo Crear Un Micro Frontend con React y Vite.

👉 https://nubecolectiva.com/blog/como-crear-un-micro-frontend-con-react-y-vite/

#programming #coding #programación #webdevelopment #devs #softwaredevelopment #reactjs #vitejs

Are Web Components & Cybersecurity A Better Combo?

I'm not trying to dunk on popular #UI #frameworks – I'm sure they're totally fine for #cybersecurity stuff, probably get loads of reviews and #audits.

But from my angle: Web Components are *native* to the #browser. Doesn't that just inherently reduce the risk of **#SupplyChainAttacks** (you know, like a rogue `npm install` on a bad network) for your #AppSecurity?

Or am I overthinking it, and the #framework choice is less important than the #browser, #OS, or #device running it? What are your thoughts, #DevCommunity?

---

Quick context: I've got a #ReactJS #messagingApp (repo here: https://github.com/positive-intentions/chat) and a separate #UIFramework (repo here: https://github.com/positive-intentions/dim) built with #Lit (which uses Web Components). I'm genuinely wondering if there's a compelling #cybersecurity reason to refactor the chat app to use my #WebComponent UI framework. Might be a whole new level of #SecurityByDesign for #FrontEndDev.

FYI, same question's on Reddit here: https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/, got some good #insights, but want to make sure nothing's getting overlooked! Let's discuss #InfoSec #WebDev #JavaScript #OpenSource #TechQuestion.

How to Make a For Loop in React (JSX).

Cómo Hacer Un Bucle For en React (JSX).

👉 https://nubecolectiva.com/blog/como-hacer-un-bucle-for-en-react-jsx/

#programming #coding #programación #webdevelopment #devs #softwaredevelopment #reactjs

Soundz - https://soundzjs.vercel.app

Makes it easy to wrap your UI Elements with Beautiful, Accessible, and Customizable Sound Effects! #html #css #typescript #ts #tsx #javascript #js #jsx #react #reactjs #next #nextjs #component #components #npm #node #package #npm #sound #sounds #soundeffects #accessibility #accessible #customization #easy

In this post, I wen't over updates to the site in Version 2.5. Podcast episodes added, player support, donation links, SEO tweaks and some backend thoughts around making the site easier to maintain using PHP or React in the future.

Reply via your timeline 🌀
https://new.vex.blue/articles/2024/10/21/welcome-to-v2_5

#IndieWeb #OpenWeb #DevLog #ReactJS #Podcasting #SelfHosting #VEXblue #FOSS

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.

Reply via your timeline 🌀
https://new.vex.blue/articles/2024/09/16/future-vex

#WebDev #Podcasts #IndieDev #ReactJS #DynamicSites #OpenWeb #DevJourney #AutisticTech

📢 On July 15, 2025, I'll give a talk at the #ReactJS #Barcelona #meetup on "Adding Built-in AI API support to Mastodon": https://www.meetup.com/es-ES/reactjs-barcelona/events/308646590/. You'll learn about built-in #WebAI APIs and how to use them in a large-scale React app like Mastodon! (Caveat: Actual PR pending, but it works on my machine 🫣…)

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.
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.

Or its the magic of Scrimba, who knows?
#ReactJS #DesignThinking #Sketch

📢 UI Full Stack Web Development with React JS
Trainer: Mr. Sudhakar Sharma
Starts: 30th June | 🕚 11:00 AM IST
🔗 https://tr.ee/x6HLJp
💡 Learn React, HTML, CSS, JS
#WebDev #ReactJS #NareshIT #Frontend

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
I'm a software engineer and full stack developer with 7 years of experience.
My technologies are
The recent ones are
#ReactJS
#NextJS
#RubyOnRails
#AWS #microservices
#NodeJS #JavaScript and #TypeScript
#algolia #indexer
#CSM #contenful
I also have experience.
#Laravel #PHP
#workflow
#vuejs

#FediHire #getFediHired #FediJobs