JSX - Template language

JSX is a template language created in 2013.

#1057on PLDB

11Years Old

JSX website
JSX first developed in Facebook
file extensions for JSX include jsx
JSX on Twitter
GitHub supports syntax highlighting for JSX
reactjs.org was registered in 2013
Read more about JSX on the web: 1.

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>;
  }
});