Following are the key points described later in this article:
- HTML to JSX Compiler
- JSX to HTML Compiler
Following are two online tool or playground to enhance familiarity with JSX.
- HTML to JSX Compiler: This Online playground for HTML-JSX compiler would help you to write HTML on one end, left-hand side and see the resulting/corresponding JSX code on right hand side. Very useful in terms of understanding the usage of “class” to create component and, “render” API to display/render HTML. Take a look at the diagram below to have a feel of the compiler.
- JSX to HTML Conversion: This online tool for converting JSX to HTML code would help one to write JSX code and check out the resulting HTML code. This is helpful for those UI developers who are new to object-oriented programming and looking for some help to understand class, and APIs/methods (in this case, render). One of the reasons why ReactJS may have steep learning curve for average UI developer is this notion of object-oriented concepts being key to the ReactJS component-oriented programming.
Latest posts by Ajitesh Kumar (see all)
- Data Storytelling Explained with Examples - October 21, 2020
- How to Setup / Install MLFlow & Get Started - October 20, 2020
- Python – How to Add Trend Line to Line Chart / Graph - October 20, 2020