Оценивайте задачи правильно

Coderoll | Frontend

Работа с атрибутами HTML элементов в JavaScript

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

👀 Читать

Coderoll | Frontend

Нашёл отличную тулзу для приложений на React

Проверьте производительность без установки и расширений!

React Scan — это инструмент для поиска слабых мест, не требующий внесения изменений в код проекта

Выполните эту команду в терминале:
npx react-scan@latest <URL>

Coderoll | Frontend

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

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

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

Coderoll | Frontend

Техподдержка средневековья

Coderoll | Frontend

TanStack Query – must-have для работы с API

Библиотека, которая делает работу с серверными данными в React и Vue в разы проще. Кэширование, рефетчинг, автоматические обновления – все на высшем уровне. Забудь про useEffect и стейты для загрузки данных!

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

Coderoll | Frontend

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

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

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

Coderoll | Frontend

Zod. Основные преимущества и неочевидные кейсы использования

В этой статье разберемся с преимуществами использования этой библиотеки и рассмотрим некоторые кейсы использования, которые могут встретиться при работе с ней.

👀 Читать

Coderoll | Frontend

Design Tokens – автоматизация дизайна в коде

Как сделать так, чтобы цвета, отступы, шрифты из дизайна сразу попадали в код? Design Tokens + Tailwind CSS – и ты больше не будешь вручную переносить дизайн-токены в SCSS или JS.

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

Coderoll | Frontend

Есть моментик

Coderoll | Frontend

TCP/IP и UDP на примере "Мимино"

Coderoll | Frontend

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

Coderoll | Frontend

Подробно о том, как работают React Server Components

React 18 представил Server Components – они позволяют загружать данные на сервере без лишнего JS в браузере. Это революция в рендеринге! В этой статье разберемся, как это работает.

👀 Читать

Coderoll | Frontend

Pnpm – альтернатива npm и yarn, которая разрывает!

Pnpm использует жесткие ссылки, что экономит место и ускоряет установку зависимостей. Если твой проект огромен – попробуй Pnpm!

🔥 Что круто:
✔️ Быстрее, чем npm и yarn
✔️ Меньше места на диске
✔️ Отличная поддержка monorepo

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

Coderoll | Frontend

Unocss – ультрабыстрый CSS-фреймворк

Если ты используешь Tailwind, попробуй UnoCSS – он еще быстрее и гибче! Поддерживает динамические классы, работу с темами и минимальный размер бандла.

🔥 Почему стоит попробовать?
✔️ Генерирует только используемые стили
✔️ Гибкость и мощные пресеты
✔️ Лучшая производительность по сравнению с Tailwind

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

Coderoll | Frontend

Qwik – фреймворк для мгновенных веб-приложений

Qwik – это новый взгляд на SSR и рендеринг. Он подгружает JS только при необходимости, что делает сайты супер быстрыми.

🔥 Что дает Qwik?
✔️ Почти мгновенный рендеринг
✔️ Минимум JS-кода в браузере
✔️ Отлично подходит для больших проектов

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

Coderoll | Frontend

Топ 10 инструментов для Vue 3

1️⃣ Vite – сборка и HMR
2️⃣ Pinia – управление состоянием
3️⃣ VueUse – коллекция полезных хуков
4️⃣ Vue Router – маршрутизация
5️⃣ Vitest – тестирование
6️⃣ UnoCSS – стилизация
7️⃣ Nuxt – SSR и SSG
8️⃣ FormKit – работа с формами
9️⃣ Element Plus – UI-компоненты
🔟 i18n – интернационализация

Coderoll | Frontend

Улучшаем производительность: виртуальный рендеринг для больших объемов данных

Обработка большого объема данных на фронтенде – это вызов. В статье рассмотрены паттерны и оптимизации для работы с тысячами записей в браузере.

👀 Читать

Coderoll | Frontend

Кто-то скажет, что там с мешочка выпало?

Coderoll | Frontend

И параллельно собеседуешься на третью

Coderoll | Frontend

Preact – альтернатива React, которая весит 3KB

Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!

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

Coderoll | Frontend