CodeRoll | Frontend

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

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

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

Coderoll | Frontend

tRPC

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

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

Coderoll | Frontend

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

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

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

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

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

Coderoll | Frontend

Three.js

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

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

Coderoll | Frontend

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

Coderoll | Frontend

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

Coderoll | Frontend

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

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

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

Coderoll | Frontend

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

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

👀 Читать

Coderoll | Frontend

❓ В чем разница между REST API и GraphQL?

REST API – стандартная архитектура API, где есть фиксированные эндпоинты (/users,/posts). Клиент получает фиксированный ответ.

GraphQL – позволяет клиенту запрашивать только нужные данные, без лишней нагрузки.

GraphQL хорош, когда нужно минимизировать сетевой трафик, а REST проще в реализации и лучше кешируется.

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

Coderoll | Frontend

Framer Motion

Библиотека анимаций для React, которая делает работу с анимациями удобной и гибкой. Поддерживает жесты, анимации при монтировании/размонтировании компонентов и сложные переходы.

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

Coderoll | Frontend

Сложности адаптации

DevDocs

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

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

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

Coderoll | Frontend

Отменить отмену

Coderoll | Frontend

Тесты и задачи по HTML, CSS и JS

Эти тесты подойдут вам, если вы уже знаете основы HTML, CSS, JavaScript и хотите проверить свои знания, закрепив ранее изученные материалы.

Вы также узнаете много нового: нюансы, тонкости, особенности, интересные возможности о которых могли не знать раньше.

👀 Проверить знания

Coderoll | Frontend

Улучшенная обработка асинхронных операций в React 19

В статье вы увидите обзор ключевых нововведений в React 19: Actions, useTransition, Server Components и другие инструменты для улучшения производительности и упрощения разработки.

👀 Читать

Coderoll | Frontend

❓Что такое Virtual DOM?

Virtual DOM – это концепция, используемая в React и других библиотеках для эффективного обновления пользовательского интерфейса. Вместо прямых изменений в реальном DOM, React сначала обновляет виртуальную копию, сравнивает изменения (diffing), а затем минимально обновляет реальный DOM.

Virtual DOM делает обновления производительнее, так как минимизирует количество реальных манипуляций с DOM.

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

Coderoll | Frontend

Animista

Коллекция анимаций CSS с готовыми пресетами и возможностью настройки. Поможет в добавлении анимаций без написания сложного CSS.

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

Coderoll | Frontend

Все просто

Coderoll | Frontend

Swiper

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

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

Coderoll | Frontend

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

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

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

Coderoll | Frontend