Чистая архитектура фронтенда 

Хорошему программисту необходимо уметь совмещать свои навыки со здравым смыслом. Все дело в прагматизме и навыке выбора лучшего решения для вашей проблемы. Когда вы сталкиваетесь с проблемой при разработке ПО, вы можете воспользоваться базовыми принципами, которые помогут в выборе самого правильного подхода.

В этой статье приводится набор принципов, которые должен знать любой разработчик, и которые следует периодически освежать в памяти. Считайте их своим секретным оружием при программировании.

👀 Читать

Coderoll | Frontend

Взять то взял, а будут ли они сделаны это уже совсем другая история...

Coderoll | Frontend

❓Что такое слоистая архитектура (Layered Architecture) и зачем она нужна во фронтенде?

Слоистая архитектура — это подход, при котором код разделяется на логические слои, каждый из которых отвечает за свою зону ответственности. Обычно это: UI слой (компоненты), слой бизнес-логики, слой работы с API и слой хранилища данных.

Такой подход помогает:
1) изолировать ответственность каждого слоя;
2) улучшить читаемость и поддержку кода;
3) упростить тестирование;
4)снизить связность и повысить масштабируемость.

Во фронтенде слоистая архитектура позволяет удобно расширять приложение, не ломая уже работающие части.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Jotai — атомарный state management для React

Jotai предлагает минималистичный и гибкий подход к управлению состоянием. Основан на атомах, которые можно комбинировать и использовать с Suspense. Поддерживает TypeScript и хорошую совместимость с серверным рендерингом.

👀 Попробовать

Coderoll | Frontend

📚 Доступность во фронте

Доступность — это очень важная вещь. Она не про слепых и зрячих, и не про здоровых и больных, это понятие гораздо шире, она про удобство пользования интерфейсом для всех. Любой человек может испытывать проблемы со здоровьем или просто оказаться в неудобных условиях, когда не получается пользоваться сайтом привычным способом.

👀 Читать статью

Coderoll | Frontend

❓Что такое Lazy Loading?

Lazy Loading — это техника отложенной загрузки ресурсов (например, изображений или скриптов), когда они загружаются только тогда, когда становятся необходимыми (например, при прокрутке страницы). Это улучшает производительность приложения.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

❓ Что такое Object.freeze()?

Ответ:
Object.freeze() делает объект неизменяемым (immutable). После вызова этого метода нельзя добавить, удалить или изменить свойства объекта.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Классная шпаргалка для методов строк

Coderoll | Frontend

❓ Что такое Proxy в JavaScript?

Ответ:
Proxy — это объект, который позволяет перехватывать операции (например, чтение свойств, установку значений, вызов функций) над другим объектом. Это используется для мониторинга, валидации или изменения поведения объекта.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Chart.js — визуализация данных

Chart.js предоставляет простые и гибкие инструменты для визуализации данных. Помогает при создании графиков и диаграмм.Поддерживает различные типы графиков: линейные, круговые, барные и другие.

👀 Попробовать

Coderoll | Frontend

❓ Как работает метод filter?

Ответ:
Метод filter создаёт новый массив, содержащий все элементы исходного массива, для которых callback-функция возвращает true. Исходный массив не изменяется.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Zod – валидация данных без боли

Если тебе надо валидировать данные в формах, API или везде, где есть объекты – Zod твой лучший друг. Минимальный код, строгая типизация, удобный API. Особенно полезен в TypeScript-проектах.

👀 Попробовать

Coderoll | Frontend

❓Какими способами можно визуально скрыть элемент?

с помощью свойства display;
с помощью свойства opacity;
с помощью свойства visibility;
с помощью position:absolute;
уменьшить размеры элемента до нуля.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

❓ Что такое JSON.parse() и JSON.stringify()?

Ответ:
JSON.parse() преобразует JSON-строку в JavaScript-объект или массив.
JSON.stringify() преобразует JavaScript-объект или массив в JSON-строку.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

DevDocs

Универсальная платформа с документацией по различным технологиям (JS, Vue, React, CSS и другим).

Все документации в одном месте без необходимости гуглить.

👀 Ссылка

Coderoll | Frontend

❓ Что такое Closure и как его избежать?

Ответ:
Closure — это функция, которая запоминает своё внешнее окружение. Чтобы избежать нежелательных замыканий, можно использовать let вместо var внутри циклов или пересоздавать область видимости.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

❓ В чем разница между null и undefined?

Ответ:
null — это значение, которое означает "отсутствие значения". Его можно присвоить переменной намеренно.
undefined — это значение, которое указывает, что переменная была объявлена, но ей не присвоено значение.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Разбираем 5 способов ускорить сайт: от простого к сложному

Каждая миллисекунда важна! В этой статье разбираются топовые способы оптимизации загрузки страницы

👀 Читать

Coderoll | Frontend