Early proof-of-concept. Would like to figure out how to develop a component with no internal deps, intending those to be provided by the consumer, however, for now we're duplicating dependencies within the module. Partially this is because of a Babel/Webpack issue.
Because of this dep loading issue, I've not gotten JSX to work, so for now I'm relying on React's createElement
to populate the dom.
Why? You are working on a React app, and you want to be able to isolate individual component because:
a) you want to let folks outside of your team add a piece without having to grok the whole project, or b) you have a number of static components which you want to use across projects to provide boilerplate company info, or c) you have dynamic components which are generic enough to display a variety of data based on inputs, and, d) you are comfortable isolating the complexity of the component into a module.
This is a template for modular components.