#jsx — Public Fediverse posts

#JSX and #TSX runtime for #UI5

JSX для Go: как маленькая разметка потянула за собой рантайм, компилятор и кучу компромиссов

Я не начинал с идеи написать «убийцу JavaScript». Честно говоря, такие заявления обычно только мешают думать. Сначала была гораздо более скромная мысль: мне нравится Go, мне нравится его простота, типизация и ощущение предсказуемого инструмента. Но когда дело доходит до интерактивного веб‑интерфейса, почти неизбежно оказываешься в другой вселенной: JavaScript, Node.js, сборщики, плагины, отдельная модель компонентов, отдельная экосистема. Это нормально. Веб таким стал не случайно. Но мне было интересно проверить другую гипотезу: можно ли писать заметную часть браузерного приложения на Go, не превращая интерфейс в кашу из ручной сборки дерева узлов? Так появился мой небольшой экспериментальный проект GoFrame. Сейчас это не готовый фреймворк для продакшена, а исследование в сторону Go‑first подхода для браузера через WebAssembly: маленький рантайм, JSX‑подобная разметка .gox , компиляция этой разметки в обычный Go‑код и утилита goxc , которая способна сгенерировать, собрать и упаковать приложение. В README проекта это прямо описано как экспериментальный Go‑first фреймворк и набор инструментов для интерактивных браузерных приложений на WebAssembly; там же честно указано, что проект не заявляет готовность к продакшену, стабильный API 1.0, SSR, гидратацию, серверные API, форматтер или LSP. В этой статье я не хочу пересказывать ридми. Интереснее другое: как маленькая идея «а что если сделать JSX для Go?» довольно быстро потянула за собой компилятор, компонентную идентичность, состояния, эффекты, маршрутизацию, проверки в браузере и даже бюджет размера WebAssembly‑бандла. К рантайму и компромиссам

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

#Go #Golang #WebAssembly #WASM #JSX #frontend #UI #компилятор #open_source #GoFrame

#Development #Launches
Nub · An all-in-one toolkit for Node.js, written in Rust https://ilo.im/16duu3

_____
#Toolkit #TypeScript #JavaScript #JSX #APIs #NodeJS #Rust #WebDev #Npm #Backend

React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

Flights to nowhere can be fun

I hadn’t planned on my brief visit to Vancouver for Web Summit’s second annual conference there to include any flying between my landing at Vancouver International Airport Monday and my departure from YVR Thursday morning. But sometimes, your event schedule has a gap just large enough for somebody to pilot a floatplane through.

That idea of taking an aerial tour of Vancouver got lodged in my head at Web Summit Vancouver last May–when I found myself distracted by aircraft departing from and arriving at Vancouver Harbour Flight Centre, next to the convention center and its bitmapped-orca Douglas Coupland sculpture.

And as I was nearing the end of my first five appointments on an overscheduled Tuesday, I realized that a) I had almost two hours before my next appointment and b) the weather looked ideal for flying, at least compared to Wednesday morning’s forecast of clouds and possibly rain. So I booked a 20-minute tour flight on Harbour Air’s site at what seemed a workable time before I had to walk a few blocks away for an offsite panel.

The flight on this 67-year-old de Havilland DHC-3T Turbine Otter was what I hoped and expected it to be, going from my experience taking a floatplane ride above Seattle out of Lake Union 13 years ago. Taking to the air and returning from it without solid ground below the wing feels like cheating at flying; being in a plane small enough where you can see the pilot adjust the controls and almost immediately see and feel the aircraft respond provides an extraordinary demonstration of aerodynamics at work; the views from a large and non-pressurized window maybe 1,000 feet above ground are magical.

(The timing of this particular flight was less than magical, in the sense that it seemed that Harbour consolidated its 3 and 3:15 p.m. tour flights into one that departed at 3:20 and then left me hustling to get to my panel. I’ll expand on my avoidable scheduling fail in this Sunday’s weekly recap.)

Avgeeks sometimes call out-and-back bookings like this “flights to nowhere,”1 and I’ve now taken enough of them to realize I may have a bit of a flying problem.

My introduction, as far as I can remember, took place at a 1997 air show at College Park’s airport–the oldest continuously-operated airfield in the world–at which I recall paying $20 in cash for a flight in what years-later searching suggests was a Stearman Model 75 Kaydet biplane.

I then went almost 16 years before the next such flight, my Lake Union joyride–and then followed that days later with a balloon excursion above Sonoma County, Calif., that remains my slowest-ever aviation experience.

2014 bought a work-related flight to nowhere, a hop out of Austin during SXSW on the inflight WiFi operator Gogo’s business jet. That company invited me to try out the ground-to-air connectivity on this Canadair CL-600 by texting people, so I taunted a friend on the ground with “I’m texting you from a private jet. How are you?” and got the reply I deserved.

I had another Gogo flight to AUS and back in 2016 on the 737-500 that Gogo had acquired in the meantime, on which I saw a travel journalist successfully ask the pilots for a chance to experience takeoff in the cockpit jumpseat. That led me to make the same request before another Gogo flight on that 737 in 2017, treating me to an EWR-departure experience unlike any other.

In 2019, a friend took my wife and I on a tour above Sonoma County in his Diamond Star DA40 single-engine, four-seat aircraft. That remains my smallest-plane experience, and the only one in which I got to touch the controls. Briefly.

In 2021, I had my loudest-plane experience when I spent $450 to fly on a 1945-vintage B-25 bomber out of Hagerstown, Md., my only flight to date to allow a view from a tail gunner’s seat.

And in 2023, JSX treated me and other invited journalists to a DAL-DAL hop to try out Starlink WiFi on an Embraer 145.

The last two years tacked on ORD-ORD and LAX-LAX flights courtesy of United Airlines to test their deployment of Starlink on an Embraer 175 and then a Boeing 737. And with this week’s joyride above British Columbia’s metropolis, I have to accept that I’ve developed a moderately expensive habit here.

Which is okay with me.

1. The bad kind of “flight to nowhere” involves a long-haul international flight that experiences some sort of malfunction that requires returning to the departure airport, even if that requires backtracking across much of an ocean. ↩︎

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

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

[Перевод] Уязвимость 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

#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