Здравствуйте, дорогой читатель!

В этой статье я хотел бы показать вам, как сохранять состояние между обновлениями страниц в React. Проверьте это в действии:

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

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

Шаг 1. Инициализируйте приложение Vite React

Создайте новый репозиторий GitHub, клонируйте его локально и инициализируйте новое приложение Vite React с помощью команды:

npm init vite .

Давайте поговорим об одном интересном шаблоне в Typescript, этот шаблон называется Discriminated Type Union или Discriminated Union Type. Прежде чем мы углубимся в эту тему, нам нужно понять проблему. Я напишу с вами код:

type PokemonState = {
  status: "Loading" | "Success" | "Error";
  pokemon?: { name: number; sprite: string; hp: number };
  error?: { message: string };
};

Dockerfiles — это чертежи ваших контейнеров. Это простые текстовые файлы со списком команд, которые вы обычно выполняете вручную для создания образа контейнера. Dockerfile — это исходный код вашего контейнера.

Dockerfiles легко писать, но они могут быстро усложниться. Вот несколько советов, которые помогут вам лучше писать Dockerfiles.

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

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

Хотите, чтобы вся строка таблицы была настоящей ссылкой с возможностью перехода? Здесь я предлагаю вам практичное и доступное решение.

TypeScript не улавливает это в строгом режиме

Эта ошибка выглядит знакомо?

Попытка доступа к неопределенным объектам — одна из самых частых ошибок в JavaScript.

В процессе использования langchain.js с typescript для реализации мощных возможностей "вызова функций" я впервые познакомился с фреймворком zod для определения схем функций. Я был очарован осмысленным синтаксисом объявления схемы и решил разобраться в нем, чтобы лучше понять его использование и возможности. В процессе поиска я наткнулся на это видео на YouTube от ByteGrad, и быстро все стало для меня предельно ясно: "ВСЕГДА используйте zod в typescript-приложениях", и ниже я объясню основные причины такого выбора.

Создание приложения Express с помощью TypeScript и его компиляция может показаться сложной задачей, особенно для новичков. В этом сообщении блога мы стремимся упростить процесс, предоставив шаблон для приложения Express с использованием TypeScript и скомпилировав его с помощью SWC.

SWC — это транспилятор и компилятор на основе Rust, который легко настроить и который может значительно упростить рабочий процесс разработки.

Давайте начнём!