"When there's only one type argument, the angle brackets enclosing the type argument may look like XML/HTML tags, but they have nothing to do with JSX functionality."
This is such a great tip! The author(s) of this tutorial clearly took their time to think through ways that readers might get […]
This is such a great tip! The author(s) of this tutorial clearly took their time to think through ways that readers might get […]
Original post on social.coop
social.coop
November 12, 2025 at 8:17 PM
"When there's only one type argument, the angle brackets enclosing the type argument may look like XML/HTML tags, but they have nothing to do with JSX functionality."
This is such a great tip! The author(s) of this tutorial clearly took their time to think through ways that readers might get […]
This is such a great tip! The author(s) of this tutorial clearly took their time to think through ways that readers might get […]
Okay the Fedify tutorial also comes with a little JSX tutorial which is great. I have a tendency when writing my own tutorials to put in little intros to technologies being used but I always wonder how helpful they are...glad to see from the learner's end that they are in fact very helpful!
November 12, 2025 at 8:15 PM
Okay the Fedify tutorial also comes with a little JSX tutorial which is great. I have a tendency when writing my own tutorials to put in little intros to technologies being used but I always wonder how helpful they are...glad to see from the learner's end that they are in fact very helpful!
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React https://news.ycombinator.com/item?id=45903161
November 12, 2025 at 7:02 PM
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React https://news.ycombinator.com/item?id=45903161
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.
Proud to be part of this growing network of support for the people who keep our communities informed. Learn more: jsx.news
Proud to be part of this growing network of support for the people who keep our communities informed. Learn more: jsx.news
November 12, 2025 at 6:58 PM
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.
Proud to be part of this growing network of support for the people who keep our communities informed. Learn more: jsx.news
Proud to be part of this growing network of support for the people who keep our communities informed. Learn more: jsx.news
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React | Discussion
November 12, 2025 at 6:20 PM
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React | Discussion
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React
Hi HN, we're Jamie and Dan, JSX Tool ( building a new inspector/develop panel IDE that allows you to navigate to any line of JSX in your React project with just a click and a command click to explore your render stack. Demo Video:…
Hi HN, we're Jamie and Dan, JSX Tool ( building a new inspector/develop panel IDE that allows you to navigate to any line of JSX in your React project with just a click and a command click to explore your render stack. Demo Video:…
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React
Hi HN, we're Jamie and Dan, JSX Tool ( building a new inspector/develop panel IDE that allows you to navigate to any line of JSX in your React project with just a click and a command click to explore your render stack. Demo Video: I've been writing React code for almost a decade. Since I first saw source maps back in the days of Babel and Redux, I've always wanted to be able to edit my code from source maps. I've always wanted to be able to inspect my JSX as if it were HTML.
cnznews.com
November 12, 2025 at 5:54 PM
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React
Hi HN, we're Jamie and Dan, JSX Tool ( building a new inspector/develop panel IDE that allows you to navigate to any line of JSX in your React project with just a click and a command click to explore your render stack. Demo Video:…
Hi HN, we're Jamie and Dan, JSX Tool ( building a new inspector/develop panel IDE that allows you to navigate to any line of JSX in your React project with just a click and a command click to explore your render stack. Demo Video:…
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React
C: https://news.ycombinator.com/item?id=45903161
posted on 2025.11.12 at 12:43:42 (c=0, p=2)
C: https://news.ycombinator.com/item?id=45903161
posted on 2025.11.12 at 12:43:42 (c=0, p=2)
November 12, 2025 at 5:49 PM
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React
C: https://news.ycombinator.com/item?id=45903161
posted on 2025.11.12 at 12:43:42 (c=0, p=2)
C: https://news.ycombinator.com/item?id=45903161
posted on 2025.11.12 at 12:43:42 (c=0, p=2)
Ever felt the need to author HTML literals in JS, but using JSX?
All that by burning a substantial amount of pesky, boilerplate-y helpers?
You can read my experience seeking this Graal and try the code if you like living on the edge 😏.
Just open sourced this experiment:
github.com/gracile-web/...
All that by burning a substantial amount of pesky, boilerplate-y helpers?
You can read my experience seeking this Graal and try the code if you like living on the edge 😏.
Just open sourced this experiment:
github.com/gracile-web/...
GitHub - gracile-web/babel-plugin-jsx-to-literals: A JSX to tagged template literals Babel plugin, with a few helper components and a mapped JSX namespace.
A JSX to tagged template literals Babel plugin, with a few helper components and a mapped JSX namespace. - gracile-web/babel-plugin-jsx-to-literals
github.com
November 12, 2025 at 5:32 PM
Ever felt the need to author HTML literals in JS, but using JSX?
All that by burning a substantial amount of pesky, boilerplate-y helpers?
You can read my experience seeking this Graal and try the code if you like living on the edge 😏.
Just open sourced this experiment:
github.com/gracile-web/...
All that by burning a substantial amount of pesky, boilerplate-y helpers?
You can read my experience seeking this Graal and try the code if you like living on the edge 😏.
Just open sourced this experiment:
github.com/gracile-web/...
We are excited to be featured on the Journalism Support Exchange, a new hub helping local media find reporting and support resources. JSX maps orgs offering everything from funding and audience engagement to tech and training. OpenSecrets is proud to support local media. jsx.news
Journalism Support Exchange
A central resource hub for journalism support organizations
jsx.news
November 12, 2025 at 4:09 PM
We are excited to be featured on the Journalism Support Exchange, a new hub helping local media find reporting and support resources. JSX maps orgs offering everything from funding and audience engagement to tech and training. OpenSecrets is proud to support local media. jsx.news
(I also think it doesn’t happen until you deal with JSX as well, which… yipes)
November 12, 2025 at 12:42 PM
(I also think it doesn’t happen until you deal with JSX as well, which… yipes)
Based on tagged template literals. JSX transform. Hydration in design. I love this!
The one that could have complimented this is the ESX proposal.
The one that could have complimented this is the ESX proposal.
November 12, 2025 at 6:17 AM
Based on tagged template literals. JSX transform. Hydration in design. I love this!
The one that could have complimented this is the ESX proposal.
The one that could have complimented this is the ESX proposal.
素のHTMLにmodule JS書くのは好きなんだけど、素直にやるとJSXが効かないのが欠点。実行時にトランスパイルするやつはあるんだけど、何となく抵抗感はある。
November 12, 2025 at 2:38 AM
素のHTMLにmodule JS書くのは好きなんだけど、素直にやるとJSXが効かないのが欠点。実行時にトランスパイルするやつはあるんだけど、何となく抵抗感はある。
今日のQiitaトレンド
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
Reactの基礎を最速で習得するための完全版チュートリアルです。
JavaScriptの知識に不安がある初学者でも、モダンな環境構築（Vite/TypeScript）からJSX、Tailwind CSSを用いたスタイリングまで丁寧に解説し、最終的にSpotify風アプリを完成させます。
実践的なアウトプットを通じて、確実にReact開発の実力をつけられるよう設計されています。
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
Reactの基礎を最速で習得するための完全版チュートリアルです。
JavaScriptの知識に不安がある初学者でも、モダンな環境構築（Vite/TypeScript）からJSX、Tailwind CSSを用いたスタイリングまで丁寧に解説し、最終的にSpotify風アプリを完成させます。
実践的なアウトプットを通じて、確実にReact開発の実力をつけられるよう設計されています。
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 #TypeScript - Qiita
はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材...
qiita.com
November 11, 2025 at 10:23 PM
今日のQiitaトレンド
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
Reactの基礎を最速で習得するための完全版チュートリアルです。
JavaScriptの知識に不安がある初学者でも、モダンな環境構築（Vite/TypeScript）からJSX、Tailwind CSSを用いたスタイリングまで丁寧に解説し、最終的にSpotify風アプリを完成させます。
実践的なアウトプットを通じて、確実にReact開発の実力をつけられるよう設計されています。
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
Reactの基礎を最速で習得するための完全版チュートリアルです。
JavaScriptの知識に不安がある初学者でも、モダンな環境構築（Vite/TypeScript）からJSX、Tailwind CSSを用いたスタイリングまで丁寧に解説し、最終的にSpotify風アプリを完成させます。
実践的なアウトプットを通じて、確実にReact開発の実力をつけられるよう設計されています。
Airbnb のスタイルガイドは true 省略か。やっぱそっちに合わせるのが無難かな。
"Airbnb React/JSX Style Guide | Airbnb JavaScript Style Guide" javascript.airbnb.tech/react/
"Airbnb React/JSX Style Guide | Airbnb JavaScript Style Guide" javascript.airbnb.tech/react/
Airbnb React/JSX Style Guide
A mostly reasonable approach to JavaScript
javascript.airbnb.tech
November 11, 2025 at 1:29 AM
Airbnb のスタイルガイドは true 省略か。やっぱそっちに合わせるのが無難かな。
"Airbnb React/JSX Style Guide | Airbnb JavaScript Style Guide" javascript.airbnb.tech/react/
"Airbnb React/JSX Style Guide | Airbnb JavaScript Style Guide" javascript.airbnb.tech/react/
<Button foo={true} /> のような prop って、やっぱり <Button foo /> と書くのが一般的なのかな。Eslint の 'react/jsx-boolean-value' ルールでどちらかに縛りたいけど、よりマジョリティな方へ合わせたい。
November 11, 2025 at 1:22 AM
<Button foo={true} /> のような prop って、やっぱり <Button foo /> と書くのが一般的なのかな。Eslint の 'react/jsx-boolean-value' ルールでどちらかに縛りたいけど、よりマジョリティな方へ合わせたい。
Yesterday at TPAC I publicized my draft proposal for adding a declarative templating API to the DOM.
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
github.com
November 10, 2025 at 11:04 PM
Yesterday at TPAC I publicized my draft proposal for adding a declarative templating API to the DOM.
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
It's actually fairly similar to what I'm doing now! Except I'm injecting the wrapper directly into the Preact runtime using option hooks so you can use the generator components directly in your JSX without wrapping it first
November 10, 2025 at 8:21 PM
It's actually fairly similar to what I'm doing now! Except I'm injecting the wrapper directly into the Preact runtime using option hooks so you can use the generator components directly in your JSX without wrapping it first
𝗜𝗰𝗼𝗻𝗦𝗩𝗚
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
https://thewhale.cc/posts/iconsvg
#Icon #SVG #JSX #IconSVG
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
https://thewhale.cc/posts/iconsvg
#Icon #SVG #JSX #IconSVG
IconSVG
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
thewhale.cc
November 10, 2025 at 4:00 PM
𝗜𝗰𝗼𝗻𝗦𝗩𝗚
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
https://thewhale.cc/posts/iconsvg
#Icon #SVG #JSX #IconSVG
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
https://thewhale.cc/posts/iconsvg
#Icon #SVG #JSX #IconSVG
me Don-Quixote'ing React on any occasion (here: MDX in Astro)
November 10, 2025 at 1:44 PM
me Don-Quixote'ing React on any occasion (here: MDX in Astro)
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer.
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
November 10, 2025 at 12:01 PM
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer.
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
今日のQiitaトレンド
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
このチュートリアルは、初心者向けにReactの基礎を最速で学ぶための完全版です。
現代の開発に必須のTypeScriptと高速ビルドツールのViteを用いた環境構築から始め、JSXの書き方やTailwindCSSによるモダンなスタイリングを習得します。
実践的なアウトプットを中心に学習を進め、最終的にSpotifyのようなアプリ完成を目指します。
これ一本で基礎を固められます。
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
このチュートリアルは、初心者向けにReactの基礎を最速で学ぶための完全版です。
現代の開発に必須のTypeScriptと高速ビルドツールのViteを用いた環境構築から始め、JSXの書き方やTailwindCSSによるモダンなスタイリングを習得します。
実践的なアウトプットを中心に学習を進め、最終的にSpotifyのようなアプリ完成を目指します。
これ一本で基礎を固められます。
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 #TypeScript - Qiita
はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材...
qiita.com
November 9, 2025 at 10:20 PM
今日のQiitaトレンド
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
このチュートリアルは、初心者向けにReactの基礎を最速で学ぶための完全版です。
現代の開発に必須のTypeScriptと高速ビルドツールのViteを用いた環境構築から始め、JSXの書き方やTailwindCSSによるモダンなスタイリングを習得します。
実践的なアウトプットを中心に学習を進め、最終的にSpotifyのようなアプリ完成を目指します。
これ一本で基礎を固められます。
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
このチュートリアルは、初心者向けにReactの基礎を最速で学ぶための完全版です。
現代の開発に必須のTypeScriptと高速ビルドツールのViteを用いた環境構築から始め、JSXの書き方やTailwindCSSによるモダンなスタイリングを習得します。
実践的なアウトプットを中心に学習を進め、最終的にSpotifyのようなアプリ完成を目指します。
これ一本で基礎を固められます。
Not the result, but this function. Let's say its result is optional on the client. You can precompile it and pass the JSX to the client and insert it when needed. But this sometimes adds unnecessary weight to the starter bundle...
November 9, 2025 at 9:00 PM
Not the result, but this function. Let's say its result is optional on the client. You can precompile it and pass the JSX to the client and insert it when needed. But this sometimes adds unnecessary weight to the starter bundle...
By the way, an additional nice bonus of this API is that it's easy to change translations. No need to switch between files - the translations will be added automatically, just add them in the JSX itself. This is exactly what makes tailwind so great
November 9, 2025 at 12:56 PM
By the way, an additional nice bonus of this API is that it's easy to change translations. No need to switch between files - the translations will be added automatically, just add them in the JSX itself. This is exactly what makes tailwind so great