react-template
Define a template using React.
BUT ISN'T THAT WHAT COMPONENTS ARE FOR???
Yes, but components come with some extra baggage. For one, if you replace a component with another, the first will unmount and the second will mount. Sometimes, that's not what you want. For example, if you're rendering entire pages, you'd probably want the common elements to remain (without being unmounted).
So normally you just use functions for this—your component just calls functions and uses their return values in its render:
React;
That's fine, but plain old functions don't let you have default props or easily
handle children. So that's where ReactTemplate comes in. It creates functions
for you to use in your components' render()
methods, but adds some goodies
that you've come to expect from working with components using a familiar API.
You can think of it kind of like a lightweight component—without state or
lifecycle hooks. Here are some examples:
this.props
Use var Hello = ReactTemplate;
Use it like normal in another component's render()
:
var MyComponent = React;
Define default props
var Hello = ReactTemplate;
Specify prop types
var Hello = ReactTemplate;
render
function if you only want props/children formatting
Just pass a var Hello = ReactTemplate;