3 ms·

> Structuring a program with a large number of small components is very awkward when templates and code are in separate files. I agree. We've developed a fairl

> Structuring a program with a large number of small components is very awkward when templates and code are in separate files. I agree. We've developed a fairly complex Ember application, and the component hierarchy feels cluttered with everything separated by component and template. E.g. I have /my-component/component and /my-component/template instead of just my-component.js. Its funny coming full circle in MVC apps, but I find myself frustrated writing 1-5 line templates -- that I have to import. Why can't I just put it in the same file as the component, and have one file? Subjective to be sure, but I'd much prefer React style components in our project.

mixonic 11y ago
Check out this addon: https://github.com/pangratz/ember-cli-htmlbars-inline-precompile https://github.com/pangratz/ember-cli-htmlbars-inline-precom... We've started using it for inline templates in tests, but it should work just great with inline templates for components. The pods convention you described definitely helps though.
KurtMueller 11y ago
You should look at ember pods - it's already built into ember-cli. It basically organizes your project's folder structures live you've described. All 'posts' related items go into a posts folder - its routes, components, templates, controllers, etc.