--- title: JSX can do that? | daily.dev description: JSX is not tied to React — it's a specification for tree structures with XML-like syntax in JavaScript. By using a Babel pragma comment (`/** @jsx... canonical: https://daily.dev/posts/jsx-can-do-that--2wnz4eb5l twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: JSX can do that? | daily.dev og:description: JSX is not tied to React — it's a specification for tree structures with XML-like syntax in JavaScript. By using a Babel pragma comment (`/** @jsx... og:url: https://daily.dev/posts/jsx-can-do-that--2wnz4eb5l og:image: https://api.daily.dev/og/posts/2WnZ4Eb5L.png og:image:alt: JSX can do that? og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # JSX can do that? **[Rodrigo Pombo](https://daily.dev/sources/pomb)** · 3 min read · 0 upvotes · 0 comments ## Summary JSX is not tied to React — it's a specification for tree structures with XML-like syntax in JavaScript. By using a Babel pragma comment (`/** @jsx anotherFunction */`), you can redirect JSX compilation to any custom function. The post demonstrates this by using JSX for math operations (hypotenuse calculation) and even implementing merge sort via RamdaJS, purely as a creative/humorous exploration of JSX's flexibility. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [JavaScript ES2026 is Less About New Syntax — and More About Writing Better Code](https://daily.dev/posts/javascript-es2026-is-less-about-new-syntax-and-more-about-writing-better-code-0zsgaegpc) · Medium · 1 upvotes · 0 comments - [TSRX: A Framework-Agnostic Alternative to JSX](https://daily.dev/posts/tsrx-a-framework-agnostic-alternative-to-jsx-nzsje0mcr) · InfoQ · 0 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#jsx](https://daily.dev/tags/jsx), [#babel](https://daily.dev/tags/babel) [View this post on daily.dev](https://daily.dev/posts/jsx-can-do-that--2wnz4eb5l) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"JSX can do that?","url":"https://daily.dev/posts/jsx-can-do-that--2wnz4eb5l","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/jsx-can-do-that--2wnz4eb5l"},"datePublished":"2026-03-31T12:29:51.373Z","dateModified":"2026-03-31T12:52:49.134Z","description":"JSX is not tied to React — it's a specification for tree structures with XML-like syntax in JavaScript. By using a Babel pragma comment (`/** @jsx...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/203a3833e3298a179dd1aaaa58b61689?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/203a3833e3298a179dd1aaaa58b61689?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Rodrigo Pombo","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Rodrigo Pombo","logo":"https://media.daily.dev/image/upload/logos/placeholder.jpg","url":"https://daily.dev/sources/pomb"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/jsx-can-do-that--2wnz4eb5l","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,react,jsx,babel","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Rodrigo Pombo","item":"https://daily.dev/sources/pomb"},{"@type":"ListItem","position":3,"name":"JSX can do that?"}]} ```