Skip to main content

❓ FAQ

What is the difference between FSD and Atomic architecture?

FSD (Feature-Sliced Design) focuses on scalability and domain-driven structure. It's ideal for large-scale projects with clear domain boundaries.

Atomic Design is UI-centric, breaking components down into atoms, molecules, organisms, etc., and is better suited for design systems and small-to-medium projects.

Can I use this tool with an existing React project?

Not directly. zero-guess-frontend is optimized for initializing new projects from scratch.

However, you can extract templates and component generators for use in your existing project if needed.

How do I add my own component templates?

  1. Add a .zgfconfig.json in your project root.

  2. Create {your-template}.zgf.yaml files in the configured path.

  3. Use aliases to specify output folders.

  4. Run:

zgf g your-template @yourAlias
What package managers are supported?
  • npm
  • yarn
  • pnpm

You can select one interactively or specify it via --pm option.

Can I use JavaScript instead of TypeScript?

Yes. Both JavaScript and TypeScript are supported. Use the --lang=js option when initializing the project.

What if I don’t want routing or a state manager?

No problem! You can skip both during interactive setup or omit --routing and --sm flags in CLI.

How do presets work?

You can save your preferred setup as a preset. Create it via:

zgf-preset

Then reuse with:

zgf --preset=my-preset

Presets save time for repeatable configurations.

Where can I report bugs or suggest features?

Please open an issue on the GitHub Issues page:

https://github.com/LAYT73/zero-guess-frontend/issues

Is it open source and under what license?

Yes, it's open-source under the MIT License.