azinit

Structure

At the moment I prefer Feature Driven Development for projects structuring.

Principles

• low coupling
  • feature should not depend from other features
  • page should not depend from other pages
  • shared resources should not depend from each other
• all needed resources (store / async effects / components) - locate in features/ dir
• all common used resources (components / helpers / fixtures) - locate in shared/ dir

azinit

"colorTabs.config": [
    {
        "regex": ".*\/store.*",
        "color": "#593D88",
    },
    {
        "regex": ".*stories.tsx",
        // "color": "#26C6DA",
        // "color": "#ac446d",
        "color": "#6b4354",

azinit

"todo-tree.regex.regex": "(//|\\*)\\s*($TAGS).*(\\n\\s*//\\s{2,}.*)*",
    "todo-tree.general.tags": [
        "TODO",
        "FIXME",
        "BUG",
        "NOTE",
        "!!!",
    ],
    "todo-tree.highlights.defaultHighlight": {
        "type": "whole-line",

azinit

/** Разрешенные импорты (для сортировки) */
const ALLOWED_PATH_GROUPS = ["pages/**", "features/**", "entities/**", "shared/**"].map(
    (pattern) => ({
        pattern,
        group: "internal",
        position: "after",
    }),
);

/** Для запрета приватных путей */

azinit

@keyframes rotation {
    @for $i from 0 through 47 {
        #{$i / 47 * 100}% {
            background-position: calc(#{$i} * -464px) 0;
        }
    }
}

// background-image: url("./assets/rotation/coin_rotation_2s#{$i}.jpg");