Градиентный текст с тенью

#почитать

В наши дни градиентный текст довольно легко сделать с помощью background-clip: text; — но это убивает возможность использовать text-shadow. На помощь приходит SVG.

⏱Читать статью

▫️Профилирование Node.js

#посмотреть

С помощью инструментов профилирования Node.js разработчики "положили" графики времени ответа сервера.

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

⏱Смотреть на YouTube ⏱️45 минут

Кэширование Next.js

#почитать

Next.js расширяет API fetch, чтобы дать вам суперсилы, когда дело касается кэширования.

⏱Читать статью

Инструменты отладки JavaScript

#почитать

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

⏱Читать статью

Сборщик мусора в V8

#почитать

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

⏱Читать статью

15 суперполезных плагинов Chrome в помощь фронтендеру

#почитать

Подборка плагинов, которые должны значительно упростить и ускорить процессы.

⏱Читать

Интерактивный видеопереход в Next.js

#почитать

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

⏱Читать статью

Приемы TypeScript для надежности кода

#почитать

Самоссылающиеся типы, прозрачные типы, типобезопасный DeepPartial и пр.

⏱Читать статью

▫️Как я Docker'изовал сайт на Next.js + сделал CI/CD

#посмотреть

Показываю реальный кейс автоматизации сайта. Завернул в докер сайт на Next.js/MySQL с сервером на базе nginx и отдачей статики напрямую через этот nginx, минуя Next.js.

⏱Смотреть на YouTube ⏱️35 минут

Server-Driven UI (SDUI) + Rise Tools

#почитать

Реализация разработки Server-Driven UI (SDUI) с использованием Rise Tools. Она разработана для бесшовного обновления приложений React Native, предоставляя динамические компоненты UI, которые можно обновлять в производстве без пересборки или повторного развертывания.

⏱Читать статью

JavaScript Clean Code: руководство для начинающих

#почитать

Это руководство посвящено написанию чистого и удобного кода на JavaScript и TypeScript. Мы рассмотрим лучшие практики работы с функциями, переменными и методами, чтобы ваш код был не только эффективным, но и понятным как вам, так и другим разработчикам. Статья будет полезна для новичков, которые хотят улучшить свои навыки кодирования.

⏱Читать статью

Как предотвратить ненужную повторную отрисовку компонента React

#почитать

Когда состояние или свойства компонента изменяются, React автоматически обновляет пользовательский интерфейс (UI), чтобы отразить эти изменения. В результате React снова вызывает метод отображения компонента, чтобы сгенерировать обновленное представление UI.

В этой статье мы рассмотрим три React Hooks и то, как они предотвращают ненужные рендеринги в React:

useMemo
userCallback
userRef

⏱Читать статью

Принципы SOLID на примерах React

#почитать

И примеры нарушений этих принципов.

⏱Читать статью

Инструменты повышения производительности веб-приложений

#почитать

▪️Fuite
▪️Instant
▪️Awesome Landing Pages
▪️Dear Console
▪️Wanderer
▪️Parallel DOM
▪️Keyframes app

⏱Читать статью

Убойные инструменты фронтенд-разраба

#почитать

▪️Srcbook
▪️Zod
▪️ObsoHTML
▪️Turbopack
▪️shadcn/ui
▪️react-email

⏱Читать статью

Middleware в Next.js: самое простое объяснение

#почитать

Middleware используется для перехвата входящих запросов и выполнения некоторых действий до их завершения. Действия могут заключаться в изменении ответа, перенаправлении на какой-то маршрут, изменении заголовков и т. д.

Например, мы можем использовать промежуточное ПО для проверки IP-адреса входящих запросов и, если это авторизованное лицо, только отрисовать user/page.tsx, в противном случае мы отрисовываем сообщение об ошибке или перенаправляем на другую страницу.

⏱Читать статью

Всё о циклах JavaScript

#почитать

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

⏱Читать статью