File structure

[kennethlarsen]

baelte will work with an opinionated project structure.

The assumed file structure for baelte is not set in stone just yet. I will be finalized for v1.

src
├── ui
│   ├── components
│   │   └── list-paginator
│   │       ├── paginator-control
│   │       │   ├── Component.svelte
│   │       │   └── Component.spec.js
│   │       ├── Component.svelte
│   │       ├── Component.spec.js
│── public
│   └── ...

This is currently what I'm working at.

Reference: https://nullvoxpopuli.com/2019-04-15-a-general-project-structure-that-works-in-any-ecosystem/

[jerriclynsjohn]

If you look at the atomic design principle, you'll see that any project can be made to be structured under the concept of atoms, molecules, organisms, templates and pages. The best example of this as a folder structure can be found at Atomic React. Modern web design is rooted at components and can be very much be related to the atomic design principle, from the designs in Figma to component development in Storybook to integration in Svelte. You can also look at how twitter has accomplished component based design here. Do let me know your thoughts!