mmircea16 / stateless-jsx-loader Goto Github PK

It would be useful if there is an ability to use React-Intl a stateless jsx file.

For example being able to write something like this:

<div> Hello <FormattedMessage id="world"/> </div>

It should be possible to create higher order stateless components. For example:

//Greetings.html.jsx
<div>
 <Hello name="this.props.name"/>
 <Hola name="this.props.name"/>
</div>

Where Hello and Hola are components defined in the same folder with Greetings

Would be great if it's possible to define the PropTypes inside the html.jsx. This'll greatly improve readability of the file, as otherwise there is no way to know what kind of props can be used.

Maybe have a convention to put the PropTypes defintion on top of the file in a comment. Similar to what others are doing, e.g. in Java has comments with Annotations in them. Maybe something similar to this

<!-- @PropTypes: { someProp: PropTypes.string ,.. } -->

(From a suggestion of @sroidl - thank you!)