7 принципов JavaScript, которые стоит запомнить

#почитать

▪️Замыкания сделают код чище
▪️Деструктуризация сделает код проще
▪️Debouncing и Throttling оптимизируют производительность
▪️Каррирование повышает гибкость функций
▪️Proxy перехватывает действия объектов
▪️Как работает цикл событий и асинхронный JavaScript
▪️Мемоизация улучшает производительность

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

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

#почитать

В наши дни градиентный текст довольно легко сделать с помощью 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

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