{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2014/09/03/introducing-the-jsx-specification.html","result":{"data":{"markdownRemark":{"html":"<p>At Facebook we’ve been using JSX for a long time. We originally introduced it to the world last year alongside React, but we actually used it in another form before that to create native DOM nodes. We’ve also seen some similar efforts grow out of our work in order to be used with other libraries and in interesting ways. At this point React JSX is just one of many implementations.</p>\n<p>In order to make it easier to implement new versions and to make sure that the syntax remains compatible, we’re now formalizing the syntax of JSX in a stand-alone spec without any semantic meaning. It’s completely stand-alone from React itself.</p>\n<p>Read the spec now at <a href=\"https://facebook.github.io/jsx/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://facebook.github.io/jsx/</a>.</p>\n<p>This is not a proposal to be standardized in ECMAScript. It’s just a reference document that transpiler writers and syntax highlighters can agree on. It’s currently in a draft stage and will probably continue to be a living document.</p>\n<p>Feel free to <a href=\"https://github.com/facebook/jsx/issues/new\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">open an Issue</a> or Pull Request if you find something wrong.</p>","excerpt":"At Facebook we’ve been using JSX for a long time. We originally introduced it to the world last year alongside React, but we actually used it in another form before that to create native DOM nodes. We’ve also seen some similar efforts grow out of our work in order to be used with other libraries and in interesting ways. At this point React JSX is just one of many implementations. In order to make it easier to implement new versions and to make sure that the syntax remains compatible, we’re now…","frontmatter":{"title":"Introducing the JSX Specification","next":null,"prev":null,"author":[{"frontmatter":{"name":"Sebastian Markbåge","url":"https://twitter.com/sebmarkbage"}}]},"fields":{"date":"September 03, 2014","path":"content/blog/2014-09-03-introducing-the-jsx-specification.md","slug":"/blog/2014/09/03/introducing-the-jsx-specification.html"}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"Introducing the New JSX Transform"},"fields":{"slug":"/blog/2020/09/22/introducing-the-new-jsx-transform.html"}}},{"node":{"frontmatter":{"title":"React v17.0 Release Candidate: No New Features"},"fields":{"slug":"/blog/2020/08/10/react-v17-rc.html"}}},{"node":{"frontmatter":{"title":"React v16.13.0"},"fields":{"slug":"/blog/2020/02/26/react-v16.13.0.html"}}},{"node":{"frontmatter":{"title":"Building Great User Experiences with Concurrent Mode and Suspense"},"fields":{"slug":"/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html"}}},{"node":{"frontmatter":{"title":"Preparing for the Future with React Prereleases"},"fields":{"slug":"/blog/2019/10/22/react-release-channels.html"}}},{"node":{"frontmatter":{"title":"Introducing the New React DevTools"},"fields":{"slug":"/blog/2019/08/15/new-react-devtools.html"}}},{"node":{"frontmatter":{"title":"React v16.9.0 and the Roadmap Update"},"fields":{"slug":"/blog/2019/08/08/react-v16.9.0.html"}}},{"node":{"frontmatter":{"title":"Is React Translated Yet? ¡Sí! Sim! はい！"},"fields":{"slug":"/blog/2019/02/23/is-react-translated-yet.html"}}},{"node":{"frontmatter":{"title":"React v16.8: The One With Hooks"},"fields":{"slug":"/blog/2019/02/06/react-v16.8.0.html"}}},{"node":{"frontmatter":{"title":"React v16.7: No, This Is Not the One With Hooks"},"fields":{"slug":"/blog/2018/12/19/react-v-16-7.html"}}}]}},"pageContext":{"slug":"/blog/2014/09/03/introducing-the-jsx-specification.html"}},"staticQueryHashes":[]}