Как сделать адаптивную карточку с эмодзи? (TS React и Chakra UI)
Экспериментируя с градиентными границами, я наткнулся на интересную технику - карточки, которые адаптируются к содержимому внутри них. Демонстрацию этого эффекта в действии можно посмотреть здесь.
Создание Express приложения с помощью TypeScript и SWC
Создание приложения Express с помощью TypeScript и его компиляция может показаться сложной задачей, особенно для новичков. В этом сообщении блога мы стремимся упростить процесс, предоставив шаблон для приложения Express с использованием TypeScript и скомпилировав его с помощью SWC.
SWC — это транспилятор и компилятор на основе Rust, который легко настроить и который может значительно упростить рабочий процесс разработки.
Давайте начнём!
Что такое Python Turtle Graphics?
Turtle Graphics - это удобный для начинающих способ изучения концепций программирования и создания визуального дизайна с помощью простой графической библиотеки. Свое название она получила благодаря концепции "черепахи" с пером, которая перемещается по холсту и рисует фигуры. Черепашка может быть управляема с помощью набора команд, что позволяет создавать рисунки, узоры и даже простые игры.
Сборка сервера и клиента WebSocket с использованием Python
Вы наверняка видели приложения реального времени, в которых данные часто изменяются или обновляются в режиме реального времени. Это происходит потому, что это приложение использует WebSocket для достижения этой функциональности.
К концу этой статьи вы сможете узнать:
- Что такое WebSocket?
- Как создать сервер и клиент WebSocket с помощью Python?
Докеризация приложения NestJS и сохранение данных
В этом сценарии я буду использовать PostgreSQL и Prisma. Я предполагаю, что вы уже знакомы с созданием приложения NestJS и интеграцией Prisma.
- Настройте приложение NestJS
- Добавьте dockerFile:
Устойчивая архитектура в React: использование Error Boundaries
Недавно я реализовал программу чтения PDF-файлов для журнала на странице, протестировал ее в настольном браузере, и все работало отлично.
Проблема возникла на мобильном телефоне, поскольку после просмотра нескольких страниц pdf сайт полностью завис: «Ошибка приложения: произошло исключение на стороне клиента (дополнительную информацию см. в консоли браузера)».
Овладейте искусством проецирования контента Angular
Когда дело доходит до создания настраиваемых компонентов в Angular, думайте об этом как о рецепте вашего утреннего кофе: у вас есть основа (@Input(), @Output()) и дополнительные компоненты (*ngIf) для создания идеального напитка. Однако чем больше начинки вы добавляете в свой утренний кофе, тем больше ваш компонент становится слишком тесным для вашей базовой бизнес-логики.
Создание и тестирование клиентских ссылок Apollo
При использовании клиента Apollo может наступить момент, когда вы захотите проверить или внести некоторые изменения в свои запросы GraphQL. Именно здесь в игру вступает Apollo Link. Библиотека устанавливает цепочку действий для каждой операции GraphQL, выполняемой клиентом.
Что такое ссылка и как ее создать и протестировать? Давайте разберемся и посмотрим, что происходит.
Использование виртуальных сред с Python
Если вы работаете над несколькими проектами на языке Python, то вам быстро понадобится иметь разные версии пакетов в зависимости от текущего проекта.
Для этого предназначены виртуальные среды, которые позволяют изолировать библиотеки между проектами. Существуют различные библиотеки, которые вы можете использовать, я покажу вам Venv и Pipenv.
Что такое Open Graph? Вы должны знать эту функцию веб-разработки!
Open Graph - это интернет-протокол, созданный компанией Facebook для стандартизации отображения метаданных в социальных сетях.
Какие преимущества это дает?
Open Graph дает преимущества при отображении сайта в социальных сетях. Open Graph делает наши посты более заметными в социальных сетях и лучше показывает их в поисковой выдаче.
Присоединяйся в тусовку
Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.
