--- title: JSX News & Updates | daily.dev description: JSX news and updates covering a syntax extension that lets JavaScript describe UI structure, used mainly by React. Readers can learn about how it compiles to function calls, the automatic runtime transform, typing it in TypeScript, its use outside React, and template-based alternatives. canonical: https://daily.dev/tags/jsx twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/jsx og:type: website og:site_name: daily.dev og:title: JSX News & Updates | daily.dev og:description: JSX news and updates covering a syntax extension that lets JavaScript describe UI structure, used mainly by React. Readers can learn about how it compiles to function calls, the automatic runtime transform, typing it in TypeScript, its use outside React, and template-based alternatives. og:image: https://api.daily.dev/og/tags/jsx.png og:image:width: 1200 og:image:height: 630 --- ## Roadmaps [Comprehensive roadmap for JSXBy roadmap.sh](https://roadmap.sh/react?ref=dailydev) ## Recommended JSX stories ## Who to follow for JSX [](https://daily.dev/cassidoo) [Cassidy Williams](https://daily.dev/cassidoo) [@cassidoo](https://daily.dev/cassidoo) Joined Dec 7\. 2025 2.2K making memes and dreams and software [](https://daily.dev/theacademe) [theacademe](https://daily.dev/theacademe) [@theacademe](https://daily.dev/theacademe) Joined Nov 3\. 2024 7.9K Left the altars of Redmond/SF/Armonk. Now an IT Manager, living slow, opposing the Oxford comma. ## Top sources covering JSX ## Most upvoted JSX posts ## Best discussed JSX posts ## All posts about JSX ```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","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/jsx#page","url":"https://daily.dev/tags/jsx","name":"JSX News & Updates","description":"JSX news and updates covering a syntax extension that lets JavaScript describe UI structure, used mainly by React. Readers can learn about how it compiles to function calls, the automatic runtime transform, typing it in TypeScript, its use outside React, and template-based alternatives.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/jsx#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/speeding-up-the-javascript-ecosystem---server-side-jsx-qb5gpwmi1","name":"Speeding up the JavaScript ecosystem - Server Side JSX"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v","name":"Getting Started with Mitosis: Creating a Cross-Framework Design System"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/html-attributes-vs-dom-properties-qfxvjrzpi","name":"HTML attributes vs DOM properties"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/what-is-the-difference-between-statement-and-statement-in-javascript--mujf5dyna","name":"What is the difference between statement and statement in JavaScript?"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/release-v0-123-3-gohugoio-hugo-jxfdplbo6","name":"Release v0.123.3 · gohugoio/hugo"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/building-a-dynamic-canvas-rendering-engine-using-jsx-6at89o196","name":"Building a dynamic Canvas rendering engine using JSX"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-safely-use-dangerouslysetinnerhtml-in-react-deybtdu2c","name":"How to safely use dangerouslySetInnerHTML in React"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/a-react-developers-guide-to-writing-enhance-components-begin-blog-f0lbdarua","name":"A React Developers Guide to Writing Enhance Components — Begin Blog"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/understanding-vdom-react-components-and-elements-a-professional-insight-pmlkclxcl","name":"Understanding VDOM, React Components and Elements: A Professional Insight"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/learn-react-a-handbook-for-beginners-qhln8bafv","name":"Learn React – A Handbook for Beginners"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"JSX"}]}]} ```