{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2013/08/19/use-react-and-jsx-in-python-applications.html","result":{"data":{"markdownRemark":{"html":"

Today we’re happy to announce the initial release of PyReact, which makes it easier to use React and JSX in your Python applications. It’s designed to provide an API to transform your JSX files into JavaScript, as well as provide access to the latest React source files.

\n

Usage

\n

Transform your JSX files via the provided jsx module:

\n
from react import jsx\n\n# For multiple paths, use the JSXTransformer class.\ntransformer = jsx.JSXTransformer()\nfor jsx_path, js_path in my_paths:\n    transformer.transform(jsx_path, js_path)\n\n# For a single file, you can use a shortcut method.\njsx.transform('path/to/input/file.jsx', 'path/to/output/file.js')
\n

For full paths to React files, use the source module:

\n
from react import source\n\n# path_for raises IOError if the file doesn't exist.\nreact_js = source.path_for('react.min.js')
\n

Django

\n

PyReact includes a JSX compiler for django-pipeline. Add it to your project’s pipeline settings like this:

\n
PIPELINE_COMPILERS = (\n  'react.utils.pipeline.JSXCompiler',\n)
\n

Installation

\n

PyReact is hosted on PyPI, and can be installed with pip:

\n
$ pip install PyReact
\n

Alternatively, add it into your requirements file:

\n
PyReact==0.1.1
\n

Dependencies: PyReact uses PyExecJS to execute the bundled React code, which requires that a JS runtime environment is installed on your machine. We don’t explicitly set a dependency on a runtime environment; Mac OS X comes bundled with one. If you’re on a different platform, we recommend PyV8.

\n

For the initial release, we’ve only tested on Python 2.7. Look out for support for Python 3 in the future, and if you see anything that can be improved, we welcome your contributions!

","excerpt":"Today we’re happy to announce the initial release of PyReact, which makes it easier to use React and JSX in your Python applications. It’s designed to provide an API to transform your JSX files into JavaScript, as well as provide access to the latest React source files. Usage Transform your JSX files via the provided module: For full paths to React files, use the module: Django PyReact includes a JSX compiler for django-pipeline. Add it to your project’s pipeline settings like this…","frontmatter":{"title":"Use React and JSX in Python Applications","next":null,"prev":null,"author":[{"frontmatter":{"name":"Kunal Mehta","url":"https://github.com/kmeht"}}]},"fields":{"date":"August 19, 2013","path":"content/blog/2013-08-19-use-react-and-jsx-in-python-applications.md","slug":"/blog/2013/08/19/use-react-and-jsx-in-python-applications.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/2013/08/19/use-react-and-jsx-in-python-applications.html"}},"staticQueryHashes":[]}