Зеленые флаги на собеседовании: 11 признаков того, что работодатель – норм

В этой статье рассказано, какие сигналы на собеседовании говорят о том, что вы попали в отличную команду, и вам точно стоит сказать работодателю: «Да!»

👀 Читать

Coderoll | Frontend

Изучаем устройство браузера и создаем свой собственный

Ниже собрана подборка статей, которая поможет понять, как устроен браузер и как написать простенький браузер самому

👉 Что происходит, когда мы открываем браузер
👉 Что такое CDN в интернете
👉 Как правильно писать адрес: с www или без
👉 Как работают сокращатели ссылок
👉 Что такое UTM-метки и зачем они нужны
👉 Как посчитать переходы по ссылке с UTM-метками
👉 Что влияет на фронтенд-производительность
👉 Что нужно, чтобы создать свой веб-браузер
👉 Собираем свой веб-браузер из готовых элементов за 20 минут

Coderoll | Frontend

Так вот к чему все идет

Coderoll | Frontend

Обычный рабочий день в понедельник

Coderoll | Frontend

Three.js

Библиотека для создания 3D-графики и анимаций на WebGL. Позволяет создавать интерактивные сцены в браузере. Отлично подходит для сложных визуальных эффектов, игр и интерактивных сайтов.

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

Coderoll | Frontend

❓ Чем useEffect отличается от useLayoutEffect в React?

useEffect выполняется асинхронно, после рендера компонента.

useLayoutEffect выполняется синхронно сразу после рендера, но перед отрисовкой на экране.

Используйте useLayoutEffect , если вам нужно сделать вычисления до отрисовки (например, измерить размер элемента перед его рендерингом).

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

Coderoll | Frontend

tRPC

Полноценный инструмент для работы с API без необходимости в REST или GraphQL. Позволяет напрямую вызывать серверные функции из клиента с полной поддержкой TypeScript.

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

Coderoll | Frontend

"You Don’t Know JS" (Kyle Simpson)

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

👀 Читать на русском
👀 Читать на английском

Coderoll | Frontend

«А сеньор то голый!»

Performance и оптимизация TypeScript-типов в больших проектах

На ранних этапах роста TypeScript-проектов всё кажется вполне управляемым, но в определённый момент мы начинаем замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.

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

👀 Читать

Coderoll | Frontend

Coolors — генератор цветовых палитр

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

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

Coderoll | Frontend

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

Coderoll | Frontend

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

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