Шпаргалка по использованию и управлению дисками в Linux

➡️ @tips_frontend

➡️ @tips_frontend

Хотите изучать и практиковать SQL без инсталляций? 🤔

Этот ресурс работает в вашем браузере...

И вы можете создавать базы данных MySQL и PostgreSQL!

Это бесплатно ⏩ http://sqlplayground.app

➡️ @tips_frontend

Топ-5 распространенных способов повышения производительности API.

➡️ @tips_frontend

HTML шпаргалка

➡️ @tips_frontend

Concurrency Design Patterns. Наслаждайтесь!

➡️ @tips_frontend

Точки разрыва CSS для веб-разработчиков:

➡️ Mobile: До 480px

➡️ Очень маленькие устройства: От 481px до 767px

➡️ Маленькие планшеты: 768px - 991px

➡️ Большие планшеты/ноутбуки: от 992px до 1199px

➡️ Настольные компьютеры: 1200px - 1919px

➡️ Очень большие экраны: 1920px и выше

➡️ @tips_frontend

9 лучших практик работы с Docker, которые вы должны знать

➡️ @tips_frontend

Типы ввода HTML

➡️ @tips_frontend

Как структурировать папки в проекте?

Неважно, используешь ли ты React, Vue, TypeScript или JavaScript.

Существует множество стратегий и мнений по этому поводу. Я расскажу тебе о нескольких интересных вариантах! ↓

1. По типу

Это самый простой и распространенный способ. Подходит для небольших проектов.

Создаешь папку для каждого типа файлов: компоненты, страницы, сервисы, состояния, утилиты...

❌ Минус: со временем в некоторых папках может скопиться слишком много файлов, что затруднит навигацию.

2. По типу и функционалу

Здесь уже отражается логика приложения. Внутри каждой папки указывается, к какой части приложения она относится.

☑ Плюс: становится проще ориентироваться.
❌ Минус: возможное дублирование одних и тех же "фич" в разных папках.

3. Screaming Architecture (Кричащая архитектура)

Здесь подход меняется: вместо того, чтобы указывать, что используется, папки обозначают, что делает приложение.

Наверняка бывало, что ты открываешь проект, сразу видишь, что он на React, но совершенно не понимаешь, чем он занимается.

Идея в том, чтобы поменять этот подход: упростить разработку и сделать так, чтобы независимо от технологии папки сразу указывали на смысловые блоки проекта.

Какая структура лучше? 🤔

Зависит от размера и длительности проекта.

Можно начать с первой стратегии и постепенно переходить на другую.
Также возможны гибридные варианты, сочетающие разные принципы.