How is it even possible that React allows you to write JSX (XML) within javascript without it throwing any errors? I have been trying to wrap my head around it, and I am not quite sure how the underlying code acplishes this.

How is it even possible that React allows you to write JSX (XML) within javascript without it throwing any errors? I have been trying to wrap my head around it, and I am not quite sure how the underlying code acplishes this.

• javascript
• xml
• facebook
• reactjs

Share Improve this question Follow edited Jan 30, 2016 at 10:24 Dmitry Shvedov 3,31644 gold badges4040 silver badges5656 bronze badges asked May 14, 2015 at 19:52 SMLMRKHLMSSMLMRKHLMS 28322 silver badges66 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

Simple, it looks for <script type="text/jsx"> tags, parses them, generates the corresponding javascript code, and eval's it.

This is why the jsx inline transformer should be used only when developing, as having to parse the jsx code decreases the performance of your web page. When deploying, you should convert all jsx code into js one before deploy.