JSX - Template language

JSX is a template language created in 2013.

#761on PLDB

11Years Old

Tags: template language
Early development of JSX happened in Facebook
GitHub supports syntax highlighting for JSX
reactjs.org was registered in 2013
Read more about JSX on the web: 1.
21 PLDB concepts link to JSX: Ace Editor, Bun, Deno, Flow, Mastodon, Mathpix Markdown, MDX, Nadesiko, Node.js, packagist-pm, Prettier, PRQL, Pygments, Quint, React Native, SmallBASIC, SQRL, tibet, Wasp, Wing, xodio

Example from the web:

class App extends React.Component {
  render() {
    return (
      <div>
        <p>Header</p>
        <p>Content</p>
        <p>Footer</p>
      </div>
    );
  }
}

Example from Linguist:

'use strict';

const React = require('react')

module.exports = React.createClass({
  render: function() {
    let {feeds, log} = this.props;

    log.info(feeds);
    return <div className="feed-list">
      <h3>News Feed's</h3>
      <ul>
        {feeds.map(function(feed) {
          return <li key={feed.name} className={feed.fetched ? 'loaded' : 'loading'}>
            {feed.data && feed.data.length > 0 ?
              <span>{feed.name} <span className='light'>({feed.data.length})</span></span>
              : 'feed.name' }
          </li>
        })}
      </ul>
    </div>;
  }
});