Найти в Дзене
CSS-методологии, о которых вы могли не знать: CUBE, ITCSS и другие
Когда речь заходит о CSS-методологиях, первое, что приходит на ум, — это BEM или SMACSS. Но мир CSS не стоит на месте, и появляются новые подходы, которые помогают писать более структурированный и поддерживаемый код. В этой статье я расскажу о менее известных, но очень интересных методологиях: CUBE, ITCSS и других. CSS-методологии — это набор правил и принципов, которые помогают организовать стили так, чтобы их было легко поддерживать и масштабировать. Они особенно полезны в больших проектах, где много компонентов и разработчиков. CUBE CSS — это методология, разработанная Энди Беллом. Она расшифровывается как Composition, Utility, Block, Exception (Композиция, Утилиты, Блоки, Исключения)...
7 месяцев назад
Зачем вам нужен Storybook, даже если вы не работаете в команде
Если вы фронтенд-разработчик, то наверняка слышали о Storybook — инструменте для разработки и тестирования UI-компонентов. Но многие считают, что Storybook нужен только большим командам. Это не так! В этой статье я расскажу, почему Storybook полезен даже для одиночных проектов и как он может упростить вашу жизнь. Storybook — это изолированная среда для разработки UI-компонентов. Вы можете создавать, тестировать и документировать компоненты отдельно от основного приложения. Это особенно полезно, когда вы работаете с большим количеством компонентов или сложной логикой. Вот несколько причин, почему...
7 месяцев назад
Как правильно читать чужой код: лайфхаки для фронтенд-разработчика
Чтение чужого кода — это неизбежная часть работы фронтенд-разработчика. Будь то legacy-проект, опенсорс-библиотека или код коллеги, умение быстро разобраться в чужом коде — важный навык. В этой статье я поделюсь лайфхаками, которые помогут вам читать чужой код эффективно и без стресса. Прежде чем погружаться в код, проверьте, есть ли документация. Даже если она устаревшая или неполная, это даст вам общее представление о структуре проекта: Если документации нет, попробуйте найти README.md или спросите у автора кода (если это возможно). Откройте проект в редакторе кода и посмотрите на его структуру...
7 месяцев назад