#jsx — Public Fediverse posts

Oh joy, another "dashboard as code" tool with a dash of #YAML and a sprinkle of JSX! 🤖✨ Now, even your AI agents can join in the tedium of creating "standardized" dashboards, because who needs creativity when you have a "builtin semantic layer," am I right? 🙄👨‍💻 Just what the internet needed, more ways to make boring data look marginally less boring. 🍵💻
https://github.com/bruin-data/dac #dashboardascode #JSX #AIAgents #datavisualization #HackerNews #ngated

Oh joy, another "dashboard as code" tool with a dash of #YAML and a sprinkle of JSX! 🤖✨ Now, even your AI agents can join in the tedium of creating "standardized" dashboards, because who needs creativity when you have a "builtin semantic layer," am I right? 🙄👨‍💻 Just what the internet needed, more ways to make boring data look marginally less boring. 🍵💻
https://github.com/bruin-data/dac #dashboardascode #JSX #AIAgents #datavisualization #HackerNews #ngated

Oh joy, another "dashboard as code" tool with a dash of #YAML and a sprinkle of JSX! 🤖✨ Now, even your AI agents can join in the tedium of creating "standardized" dashboards, because who needs creativity when you have a "builtin semantic layer," am I right? 🙄👨‍💻 Just what the internet needed, more ways to make boring data look marginally less boring. 🍵💻
https://github.com/bruin-data/dac #dashboardascode #JSX #AIAgents #datavisualization #HackerNews #ngated

Oh joy, another "dashboard as code" tool with a dash of #YAML and a sprinkle of JSX! 🤖✨ Now, even your AI agents can join in the tedium of creating "standardized" dashboards, because who needs creativity when you have a "builtin semantic layer," am I right? 🙄👨‍💻 Just what the internet needed, more ways to make boring data look marginally less boring. 🍵💻
https://github.com/bruin-data/dac #dashboardascode #JSX #AIAgents #datavisualization #HackerNews #ngated

Oh joy, another "dashboard as code" tool with a dash of #YAML and a sprinkle of JSX! 🤖✨ Now, even your AI agents can join in the tedium of creating "standardized" dashboards, because who needs creativity when you have a "builtin semantic layer," am I right? 🙄👨‍💻 Just what the internet needed, more ways to make boring data look marginally less boring. 🍵💻
https://github.com/bruin-data/dac #dashboardascode #JSX #AIAgents #datavisualization #HackerNews #ngated

Une tentative de succéder à JSX (avec lequel j'ai toujours autant de mal) avec un nouveau langage de templating mieux conçu.

🔗 https://tsrx.dev/

#JSX #template #JavaScript #DSL

React-Like JSX Syntax for Webcomponents

TLDR: I’ve been #experimenting with react-like jsx-syntax with webcomponents to see if I could theoretically replace #React in one of my larger #software projects. It is not ready for production use, but rather a #Research exploration into #CustomElements and #ModernJS performance.

The goal was to build #FunctionalWebComponents that handle #StateManagement and #DOM updates without the overhead of a massive #JavaScript framework. By leveraging #StandardWebAPIs and #Proxy objects, I’ve managed to create a #Reactive programming model that feels familiar but stays closer to the #Platform.

Check out the full #TechnicalTutorial and #DeepDive here: https://positive-intentions.com/docs/research/Tutorials/dim/dim-functional-webcomponents

(Disclosure: this project may be getting deprecated. Sharing this because it might still be interesting or educational.)

#WebDevelopment #Frontend #BuildTheWeb #NoFramework #JS #JSX #WebStandards #Coding #ResearchAndDevelopment #VanillaJS #SoftwareEngineering #TechBlog #WebDevCommunity

React-Like JSX Syntax for Webcomponents

TLDR: I’ve been #experimenting with react-like jsx-syntax with webcomponents to see if I could theoretically replace #React in one of my larger #software projects. It is not ready for production use, but rather a #Research exploration into #CustomElements and #ModernJS performance.

The goal was to build #FunctionalWebComponents that handle #StateManagement and #DOM updates without the overhead of a massive #JavaScript framework. By leveraging #StandardWebAPIs and #Proxy objects, I’ve managed to create a #Reactive programming model that feels familiar but stays closer to the #Platform.

Check out the full #TechnicalTutorial and #DeepDive here: https://positive-intentions.com/docs/research/Tutorials/dim/dim-functional-webcomponents

(Disclosure: this project may be getting deprecated. Sharing this because it might still be interesting or educational.)

#WebDevelopment #Frontend #BuildTheWeb #NoFramework #JS #JSX #WebStandards #Coding #ResearchAndDevelopment #VanillaJS #SoftwareEngineering #TechBlog #WebDevCommunity

React-Like JSX Syntax for Webcomponents

TLDR: I’ve been #experimenting with react-like jsx-syntax with webcomponents to see if I could theoretically replace #React in one of my larger #software projects. It is not ready for production use, but rather a #Research exploration into #CustomElements and #ModernJS performance.

The goal was to build #FunctionalWebComponents that handle #StateManagement and #DOM updates without the overhead of a massive #JavaScript framework. By leveraging #StandardWebAPIs and #Proxy objects, I’ve managed to create a #Reactive programming model that feels familiar but stays closer to the #Platform.

Check out the full #TechnicalTutorial and #DeepDive here: https://positive-intentions.com/docs/research/Tutorials/dim/dim-functional-webcomponents

(Disclosure: this project may be getting deprecated. Sharing this because it might still be interesting or educational.)

#WebDevelopment #Frontend #BuildTheWeb #NoFramework #JS #JSX #WebStandards #Coding #ResearchAndDevelopment #VanillaJS #SoftwareEngineering #TechBlog #WebDevCommunity

React-Like JSX Syntax for Webcomponents

TLDR: I’ve been #experimenting with react-like jsx-syntax with webcomponents to see if I could theoretically replace #React in one of my larger #software projects. It is not ready for production use, but rather a #Research exploration into #CustomElements and #ModernJS performance.

The goal was to build #FunctionalWebComponents that handle #StateManagement and #DOM updates without the overhead of a massive #JavaScript framework. By leveraging #StandardWebAPIs and #Proxy objects, I’ve managed to create a #Reactive programming model that feels familiar but stays closer to the #Platform.

Check out the full #TechnicalTutorial and #DeepDive here: https://positive-intentions.com/docs/research/Tutorials/dim/dim-functional-webcomponents

(Disclosure: this project may be getting deprecated. Sharing this because it might still be interesting or educational.)

#WebDevelopment #Frontend #BuildTheWeb #NoFramework #JS #JSX #WebStandards #Coding #ResearchAndDevelopment #VanillaJS #SoftwareEngineering #TechBlog #WebDevCommunity

React-Like JSX Syntax for Webcomponents

TLDR: I’ve been #experimenting with react-like jsx-syntax with webcomponents to see if I could theoretically replace #React in one of my larger #software projects. It is not ready for production use, but rather a #Research exploration into #CustomElements and #ModernJS performance.

The goal was to build #FunctionalWebComponents that handle #StateManagement and #DOM updates without the overhead of a massive #JavaScript framework. By leveraging #StandardWebAPIs and #Proxy objects, I’ve managed to create a #Reactive programming model that feels familiar but stays closer to the #Platform.

Check out the full #TechnicalTutorial and #DeepDive here: https://positive-intentions.com/docs/research/Tutorials/dim/dim-functional-webcomponents

(Disclosure: this project may be getting deprecated. Sharing this because it might still be interesting or educational.)

#WebDevelopment #Frontend #BuildTheWeb #NoFramework #JS #JSX #WebStandards #Coding #ResearchAndDevelopment #VanillaJS #SoftwareEngineering #TechBlog #WebDevCommunity

I've been spending most of today updating the https://vex.blue website, The goal will be to make it so it has a proper banner along with a store page that will have products on in the near future.

The other things I've found well looking across the site is that we need a better way of the Articles to deal with METADATA as currently it doesn't.

This means that I have to manually update ~30 articles with a new system that accepts metadata along with update the comment section to actually work again with an Article account being needing to be developed on break3.social for those posts to be out there and accessible for displaying them on the site.

So all in all a lot more to do before v4.5 on the site, but it'll be a welcomed change.

Also as a side-note, I will be slowly moving Fediverse related posts and pages across to https://fedicate.org as the @fedicate Project now deals with those as a brand instead of directly.

#Fedicate #VEXdotblue #Website #Webdev #React #NextJS #JSX #Tailwindcss #WebsiteDevelopment

ATR maps out the rest of its decade

https://fed.brid.gy/r/https://theaircurrent.com/industry-strategy/atr-china-jsx-supply-chain-strategy/

I'm creating a full-stack Next.js app for Ollama.

#Ollama #FullStack #NextJS #ReactJS #SQLite #Sequelize #API #JSX #NodeJS #CSS #JavaScript #AI #Programming

#React #JSX code looks, well, like #PHP: a mixture of HTML and a C-like language. Plenty of differences, but they do look similar. A typical PHP file back in the day for a web app was often a mixture of HTML, PHP, JavaScript, and SQL code very often in the same file. Yeah, the bugs were wild, but debugging was straight forward. If a customer had a problem on, say, "products/orders.php", it's quite likely that the buggy code was in the file, "products/orders.php" in your repo.

[Перевод] Уязвимость React2Shell: что произошло и какие уроки можно извлечь

3 декабря 2025 года критическая уязвимость в серверных компонентах React (React Server Components, RSC) потрясла сообщество веб-разработчиков. Была обнаружена уязвимость React2Shell/React4Shell ( CVE-2025-55182 ) с оценкой CVSS 10.0, что является максимальным баллом для уязвимостей. Ошибка позволяет удаленно выполнять код (Remote Code Execution, RCE) на любом сервере, работающем с RSC. В течение нескольких часов после обнаружения уязвимости китайские государственные группы и криптомайнинговые компании начали взламывать уязвимые серверы. В этой статье подробно разбирается, что и почему произошло, а также как незначительное, на первый взгляд, проектное решение в протоколе React Flight превратилось в одну из самых серьезных уязвимостей React в 2025 году. Мы также обсудим, как защитить себя и как эта уязвимость подчеркивает важнейшие принципы безопасности.

https://habr.com/ru/articles/982238/

#javascript #jsx #reactjs #react #exploit #vulnerability #react2shell #уязвимость #rsc #react_flight

[Перевод] Уязвимость React2Shell: что произошло и какие уроки можно извлечь

3 декабря 2025 года критическая уязвимость в серверных компонентах React (React Server Components, RSC) потрясла сообщество веб-разработчиков. Была обнаружена уязвимость React2Shell/React4Shell ( CVE-2025-55182 ) с оценкой CVSS 10.0, что является максимальным баллом для уязвимостей. Ошибка позволяет удаленно выполнять код (Remote Code Execution, RCE) на любом сервере, работающем с RSC. В течение нескольких часов после обнаружения уязвимости китайские государственные группы и криптомайнинговые компании начали взламывать уязвимые серверы. В этой статье подробно разбирается, что и почему произошло, а также как незначительное, на первый взгляд, проектное решение в протоколе React Flight превратилось в одну из самых серьезных уязвимостей React в 2025 году. Мы также обсудим, как защитить себя и как эта уязвимость подчеркивает важнейшие принципы безопасности.

https://habr.com/ru/articles/982238/

#javascript #jsx #reactjs #react #exploit #vulnerability #react2shell #уязвимость #rsc #react_flight

[Перевод] Уязвимость React2Shell: что произошло и какие уроки можно извлечь

3 декабря 2025 года критическая уязвимость в серверных компонентах React (React Server Components, RSC) потрясла сообщество веб-разработчиков. Была обнаружена уязвимость React2Shell/React4Shell ( CVE-2025-55182 ) с оценкой CVSS 10.0, что является максимальным баллом для уязвимостей. Ошибка позволяет удаленно выполнять код (Remote Code Execution, RCE) на любом сервере, работающем с RSC. В течение нескольких часов после обнаружения уязвимости китайские государственные группы и криптомайнинговые компании начали взламывать уязвимые серверы. В этой статье подробно разбирается, что и почему произошло, а также как незначительное, на первый взгляд, проектное решение в протоколе React Flight превратилось в одну из самых серьезных уязвимостей React в 2025 году. Мы также обсудим, как защитить себя и как эта уязвимость подчеркивает важнейшие принципы безопасности.

https://habr.com/ru/articles/982238/

#javascript #jsx #reactjs #react #exploit #vulnerability #react2shell #уязвимость #rsc #react_flight

[Перевод] RSC Explorer: что на самом деле летит по сети в React Server Components

Команда JavaScript for Devs подготовила перевод статьи о том, как на самом деле работают React Server Components. Автор разбирает RSC на уровне протокола: что именно стримится с сервера, как JSX путешествует по сети, почему состояние не ломается при обновлениях и зачем React вообще понадобился такой странный формат.

https://habr.com/ru/articles/980494/

#react #rsc #reactservercomponents #streaming #jsx #suspense #protocol #frontend

[Перевод] RSC Explorer: что на самом деле летит по сети в React Server Components

Команда JavaScript for Devs подготовила перевод статьи о том, как на самом деле работают React Server Components. Автор разбирает RSC на уровне протокола: что именно стримится с сервера, как JSX путешествует по сети, почему состояние не ломается при обновлениях и зачем React вообще понадобился такой странный формат.

https://habr.com/ru/articles/980494/

#react #rsc #reactservercomponents #streaming #jsx #suspense #protocol #frontend

[Перевод] RSC Explorer: что на самом деле летит по сети в React Server Components

Команда JavaScript for Devs подготовила перевод статьи о том, как на самом деле работают React Server Components. Автор разбирает RSC на уровне протокола: что именно стримится с сервера, как JSX путешествует по сети, почему состояние не ломается при обновлениях и зачем React вообще понадобился такой странный формат.

https://habr.com/ru/articles/980494/

#react #rsc #reactservercomponents #streaming #jsx #suspense #protocol #frontend

#JSX is the new #PHP. Just saying.

#React

We’re excited to be featured on the Journalism Support Exchange (JSX) — a new hub that makes it easier for local #news providers to find the help they need.

The #JSX maps hundreds of organizations offering everything from funding and audience engagement to technology and training. Created by Press Forward and Commoner, with input from the field, the JSX is designed to save time, spark collaboration, and strengthen local news.

Proud to be part of this growing network of support for the people who keep our communities informed. Learn more: jsx.news.

𝗜𝗰𝗼𝗻𝗦𝗩𝗚:

#Icon #SVG #JSX #IconSVG

https://thewhale.cc/posts/iconsvg

Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.

Měl bych se víc hlídat, takhle zbytečně přicházím o kredity zdarma… Dřív se za nadávání dávaly mince do prasátka, dneska člověk dostane „You've hit the Free plan limit for GPT-5“ 😕

#react #jsx #docusaurus #chatgpt #gpt5

#Meta will contribute #React, #ReactNative, and #JSX to new #ReactFoundation, part of #LinuxFoundation, and said "it is important that no single company or organization is overrepresented."
React Foundation will start with seven corporate members – Amazon, Callstack, Expo, Meta, Microsoft, Software Mansion, and Vercel – and it will maintain React's infrastructure and trademarks, organizing React Conf, and sponsoring the React ecosystem. First exec dir will be #SethWebster
https://www.theregister.com/2025/10/09/meta_react_foundation/

#Development #Announcements
Introducing the React Foundation · Meta hands over several React projects to the Linux Foundation https://ilo.im/167hdc

_____
#Meta #LinuxFoundation #ReactFoundation #React #ReactNative #JSX #OpenSource #WebDev #Frontend

#Development #Announcements
What’s coming in ESLint v10.0.0 · The code linter is getting breaking changes https://ilo.im/167dyo

_____
#ESLint #Linter #JavaScript #TypeScript #JSX #NodeJS #DevOps #WebDev #Frontend #Backend

I’ve Tried Solid.js, Now I’m Starting to Hate React, by @alem.forge42.dev:

https://alemtuzlak.hashnode.dev/ive-tried-solidjs-now-im-starting-to-hate-react

#solidjs #react #jsx #apis #webcomponents

My first video here showcases my link manager project in 60 seconds.

#FullStack #NextJS #ReactJS #PostgreSQL #Sequelize #API #JSX #NodeJS #CSS #JavaScript #Programming

20 частых антипаттернов в React и как их исправить: кратко, понятно, без мифов

20 частых антипаттернов в React и как их исправить. Разбираем ошибки с хуками, состоянием, мемоизацией и структурой компонентов: когда не нужен useEffect, зачем useCallback, почему не хранить производные значения в state. Минимальные примеры, чёткие принципы, практичные альтернативы.

https://habr.com/ru/articles/937656/

#react #javascript #frontend #antipatterns #js #jsx #hooks

Простая и мощная валидация форм для SolidJS с Zod

solidjs-hook-form — библиотека для удобной и быстрой работы с формами в SolidJS. Использует Zod для мощной валидации и встроенную реактивность SolidJS для высокой производительности. Легковесная, не навязывает стили и дает полный контроль над UI. Идеальна для разработчиков, которые хотят меньше возиться с формами и больше фокусироваться на логике приложения. Попробуйте, если работаете с SolidJS — возможно, это то, что вам нужно!

https://habr.com/ru/articles/936196/

#Typescript #solidjs #javascript #Frontend #form #form_validation #zod #forms #jsx #tsx

Серверные компоненты в React

Привет! На связи Изрипов Юсуп, фронтенд-разработчик, прошел путь от фриланса до роли ведущего разработчика в таких крупных российских компаниях, как AliExpress и VK. Последние годы работаю в бигтех-компаниях, над продуктами, ежедневная аудитория которых составляет десятки миллионов пользователей. В этой статье мы подробно разберем, как серверные компоненты меняют подход к разработке современных приложений.

https://habr.com/ru/companies/beeline_cloud/articles/931800/

#react #nextjs #frontend #frontendразработка #jsx #async #fullstack #архитектура #security

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

React-like functional webcomponents, but with vanilla HTML, JS and CSS

Introducing Dim – a new #Framework that brings #ReactJS-like functional #JSX-syntax with #VanillaJS. Check it out here:
🔗 Project: https://github.com/positive-intentions/dim
🔗 Website: https://dim.positive-intentions.com

My journey with #WebComponents started with Lit, and while I appreciated its native browser support (less #Tooling!), coming from #ReactJS, the class components felt like a step backward. The #FunctionalProgramming approach in React significantly improved my #DeveloperExperience and debugging flow.

So, I set out to build a thin, functional wrapper around #Lit, and Dim is the result! It's a #ProofOfConcept right now, with "main" #Hooks similar to React, plus some custom ones like useStore for #EncryptionAtRest. (Note: #StateManagement for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore #Passwordless options like #WebAuthn/#Passkeys).

You can dive deeper into the #Documentation and see how it works here:
📚 Dim Docs: https://positive-intentions.com/docs/category/dim

This #OpenSource project is still in its early stages and very #Unstable, so expect #BreakingChanges. I've already received valuable #Feedback on some functions regarding #Security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

#FrontendDev #JSFramework #Innovation #Coding #Programmer #Tech

Is It JavaScript?, by @jimniels:

https://blog.jim-nielsen.com/2025/is-it-javascript/

#javascript #browsers #servers #jsx #typescript #terminology

@mintydev Why I use #Vue over #React:
1. No need for a bundler for small projects.
Because #JSX is not "just JS", but Vue template is just HTML.
2. Don't want to manually do work that framework should be doing for me. Thanks to #SolidJS that, at least, is fixed.
3. Just plain don't like how JSX looks. Mixing JS and HTML syntaxes causes more mental strain for me.
For me Vue template is much smaller abstraction over HTML than JSX. Not the implementation but for development.

🤞 Hopeful that I can get on the #jsx flights tomorrow as a #standby #nonrevlife

New post >> Hints of new stuff in Hugo • The @gohugoio team releases intriguing nuggets about the next full version.

https://www.brycewray.com/posts/2024/12/hints-new-stuff-hugo/

#WebDev #StaticSiteGenerators #JavaScript #JSX

#Development #Comparisons
The best approach to SVG icons · Inline SVG, ‘use’, ‘img’, spritesheet, or JSX? https://ilo.im/1615s6

_____
#Icon #SVG #JSX #Spritesheet #Image #Browser #WebDev #Frontend #HTML #CSS

@aoristdual I'd probably look for something that doesn't need another toolchain (i.e. compilation) to keep things as simple as possible. Using #preact as a native es module together with #htm to write #jsx-style template tags for example.

https://preactjs.com/guide/v10/getting-started/#alternatives-to-jsx

What is the difference between .js, .tsx and .jsx in React?

https://voragine.net/link/what-is-the-difference-between-js-tsx-and-jsx-in-react

#TechnicalWriting #SoftwareDocumentation #WebDevelopment #Docs #APIDocumentation #Markdown #MDX #JavaScript #JSX: "MDX stands for Markdown + JSX. It is an extension of Markdown that allows you to embed JavaScript code (JSX) directly into your Markdown documents. This combination enables you to create dynamic and interactive documentation while maintaining Markdown's simplicity.

As a technical writer, your job is to create documentation that helps users understand a product or tool. Interactive documentation is one way to create a good user experience, and MDX is an excellent tool for achieving this. Using MDX, you can create content that is engaging, dynamic and interactive.

Some other reasons why you should use MDX include:

- It enables seamless collaboration between developers and technical writers as they can both focus on code and content without interfering.
- Easily embed interactive elements, like live code blocks, into your documentation to help improve user experience.
- MDX allows you to create reusable components for common documentation elements, ensuring consistency across your documentation.
- MDX can be used to create interactive API documentation with live request/response examples and automatically generated code samples in multiple languages."

https://medium.com/@techwritershub/introduction-to-mdx-how-to-create-interactive-documentation-d3fe5c5b6b23

@thomasreggi Whatever happens, just don't fall in the CSS-in-JS rabbit hole. Phooie, what nonsense even is that, I mean?

Now, in regards to #JSX and #components... As long as it's the same #CSS or, perhaps, CSS and non-over-the-top #CSSModules, the transition should not take much time. One serious benefit is maintaining component styling in one file with the layout and script bindings (most of the time, it results in less split brain logic than with separate files).

Why don't some people like CSS-in-JS?

Is it because code written in CSS-in-JS don't allow you to take advantage of the "cascading" nature of CSS?

Is it because you can't take advantage of selectors?

Is it because there might be some compilation steps required when employing CSS-in-JS? And if compilation isn't used, there might be some render-time slowdown?

#css #javascript #jsx #react #solidjs #preact #cssinjs #webdevelopment?