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