В быстро развивающейся среде фронтенд-разработки выбор правильного технологического стека имеет решающее значение для создания надежных и эффективных веб-приложений. Двумя популярными фреймворками, получившими значительную популярность в последние годы, являются Next.js и React. Обе платформы разрабатываются и поддерживаются Facebook, причем React является базовой библиотекой для создания пользовательских интерфейсов, а Next.js — структурой, построенной на основе React, предлагающей дополнительные функции для рендеринга на стороне сервера, маршрутизации и многого другого.

Управление состояниями в приложениях React сильно изменилось за последние годы, особенно с развитием функционального состояния и внедрением хуков.

Разработчики получили больше гибкости, и управление состояниями в целом стало проще. Но по мере роста приложений управлять ими становится всё сложнее – и вам может понадобиться более надежное решение для управления состояниями.

Хуки React предоставляют встроенные решения для управления состоянием приложений – например, с помощью хука useState(). Но есть и другие библиотеки, такие как MobX, Zustand и Recoil, которые помогают упростить управление состоянием.

В этой статье я остановлюсь на Zustand и сравню её с хуком useState().

Недавно я сделал анимированную границу. Вначале границы вообще нет, затем вы видите, как она прорисовывается с одного угла. Конечно, нет простого способа анимировать всю границу.

Звучит сложно, код немного сложный, но это не так уж и сложно, если понять, как он это делает.

Пиксель отслеживания, также известный как веб-маяк или прозрачный GIF-файл, представляет собой небольшое прозрачное изображение, встроенное в веб-страницу или электронное письмо. Когда пользователь загружает страницу или открывает электронное письмо, содержащее пиксель отслеживания, его браузер отправляет запрос на URL-адрес пикселя. Этот запрос отправляет владельцу пикселя информацию о браузере пользователя, операционной системе и другие сведения.

Вы веб-дизайнер и в основном сосредоточены на пользовательском интерфейсе и UX. Ваши навыки работы с инструментами дизайна, HTML, CSS и командным общением сослужили вам хорошую службу.

Но вы знаете, что такое JavaScript. Это еще одна часть родной сети. Это мощно. Он может заставить веб-сайты делать больше, чем HTML и CSS могут делать по отдельности. Вы даже не хотите глубоко изучать JavaScript, вы просто хотите получить массу отдачи от вложенных средств и изучить вещи, которые помогут вам лучше выполнять вашу текущую работу.

Как инженеры, мы всегда ищем способы оптимизировать наши рабочие процессы и упростить их. Одна из проблем, возникающих при работе с Airtable, — это проблема обновления типа вложений, особенно в том, что Airtable меняет url вложений каждые два часа. Представьте, что вы используете Next.js и статическую генерацию сайтов, тогда вы можете столкнуться с проблемой нерабочих изображений. Кроме того, даже если вы не используете статическую генерацию сайтов, вы можете превысить лимиты оптимизации изображений Vercel, поскольку url будет часто меняться. В этой статье я расскажу, как мы успешно решили эту проблему, перенеся наши вложения с Airtable на Cloudflare Images, сохранив методы оптимизации изображений Next.js и оптимизировав расходы с помощью Vercel.

Серый. Кто его не любит? Когда речь идет о создании сайтов, удобно иметь в своем распоряжении несколько оттенков серого, независимо от цветовой палитры. Мы используем их для создания границ и тонких разделителей, теней, а также для обозначения изменений состояния, не перегружая пользователя цветом. Некоторые дизайнеры считают, что для передачи тонкостей на сайте необходимо использовать несколько оттенков серого. Однажды я работал над проектом, в котором было буквально 50 оттенков серого.

Чтобы перейти к делу, суперсила способна регулировать их вес (или, по крайней мере, один из их атрибутов, или, как их называют в переменных шрифтах, «ось»), не меняя занимаемого ими пространства. Это означает, что интерактивные эффекты и анимацию можно создавать, не беспокоясь о неловких ситуациях перекомпоновки и проблемах с производительностью. Я выдержу определение из Variable Fonts:

Слишком часто я был свидетелем того, как музыкант-импровизатор с потными руками пытался масштабировать PDF-файл формата А4 на крошечном экране мобильного телефона в разгар концерта. Нам нужен плавный и отзывчивый рендеринг музыки для Интернета!

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

В постоянно развивающейся сфере веб-технологий интеграция чат-ботов на базе искусственного интеллекта станет определяющей тенденцией в 2024 году.

Благодаря быстрому развитию моделей большого языка (LLM), чат-боты стали ключевыми инструментами, используемыми на многих веб-сайтах и ​​сервисах. От ботов для часто задаваемых вопросов до поддержки в чате — они могут предоставить пользователям информацию и помощь.