ts

  • ХабрахабрФото [Перевод] Возможности JavaScript и TypeScript последних лет. Часть 2

    [Перевод] Возможности JavaScript и TypeScript последних лет. Часть 2

    Hello, world! Представляю вашему вниманию перевод второй части этой замечательной статьи, посвященной возможностям JS и TS последних трех лет, которые вы могли пропустить. В первой части мы говорили о возможностях JS, во второй поговорим о возможностях TS. Это вторая часть. Вот ссылка на первую часть. Обратите внимание: названия многих возможностей — это также ссылки на соответствующие разделы документации TypeScript. Руководства,…

    Читать далее »
  • ХабрахабрФото React: интересная схема работы с формами

    React: интересная схема работы с формами

    Hello, world! В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для валидации пользовательских данных. Применение данной схемы имеет несколько существенных преимуществ по сравнению с использованием других решений или реализацией необходимого функционала вручную.…

    Читать далее »
  • ХабрахабрФото [Перевод] Возможности JavaScript и TypeScript последних лет. Часть 1

    [Перевод] Возможности JavaScript и TypeScript последних лет. Часть 1

    Hello, world! Представляю вашему вниманию перевод первой части этой замечательной статьи, посвященной возможностям JS и TS последних трех лет, которые вы могли пропустить. В первой части мы поговорим о возможностях JS, во второй — о возможностях TS. Это первая часть. Обратите внимание: название почти каждой возможности — это также ссылка на соответствующий раздел MDN. ECMAScript До ES2020 (возможности, о которых…

    Читать далее »
  • ХабрахабрФото React и Typescript: Создание динамического компонента на примере кнопки

    React и Typescript: Создание динамического компонента на примере кнопки

    React и Typescript являются очень мощными инструментами для создания динамичных пользовательских интерфейсов. Создание универсального компонента, который может использоваться в различных ситуациях, является одной из ключевых задач при разработке веб-приложений. В этой статье мы рассмотрим создание такого компонента на примере кнопки, разберемся как использовать типизацию для создания динамических компонентов с использованием React и Typescript. Что мы получим в результате? Кнопку, которая…

    Читать далее »
  • ХабрахабрФото Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 2. Разработка клиента

    Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 2. Разработка клиента

    Привет, друзья! В этой серии из 2 статей-туториалов мы с вами продолжаем разрабатывать клиент-серверное (фуллстек — fullstack) приложение с помощью Next.js и TypeScript. Наше приложение будет представлять собой блог — относительно полноценную платформу для публикации, редактирования и удаления постов. Мы реализовали собственный сервис аутентификации на основе JSON Web Tokens и HTTP-куки. Данные пользователей и постов будут храниться в реляционной базе…

    Читать далее »
  • ХабрахабрФото Краткий обзор Bun — новой среды выполнения JavaScript

    Краткий обзор Bun — новой среды выполнения JavaScript

    Привет, друзья! В этой статья я немного расскажу вам о Bun — новой среде выполнения JavaScript-кода. Обратите внимание: Bun — это экспериментальная штуковина, поэтому использовать ее для разработки производственных приложений пока не рекомендуется. К слову, в рейтинге "Восходящие звезды JavaScript 2022" Bun стал победителем в номинации "Самые популярные проекты". Интересно? Тогда прошу под кат. Что такое Bun? Bun — это…

    Читать далее »
  • ХабрахабрФото [Перевод] React: разработка реального приложения с помощью React Query

    [Перевод] React: разработка реального приложения с помощью React Query

    Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи, в которой рассказывается о разработке приложения с помощью React Query. Репозиторий с кодом проекта Прим. пер.: автор рассказывает лишь о ключевых особенностях приложения, поэтому я рекомендую клонировать репозиторий, установить зависимости и запустить сервер для разработки, чтобы иметь возможность выполнять необходимые операции при чтении статьи. Обратите внимание: если у вас возникнут проблемы…

    Читать далее »
  • ХабрахабрФото TypeScript: паттерны проектирования. Часть 1

    TypeScript: паттерны проектирования. Часть 1

    Привет, друзья! Представляю вашему вниманию перевод первой части серии статей, посвященных паттернам проектирования в TypeScript. Спасибо Денису Улесову за помощь в переводе материала. Паттерны (или шаблоны) проектирования (design patterns) описывают типичные способы решения часто встречающихся проблем при проектировании программ. В отличие от готовых функций или библиотек, паттерн нельзя просто взять и скопировать в программу. Паттерн представляет собой не какой-то конкретный…

    Читать далее »
  • ХабрахабрФото [Перевод] TypeScript в деталях. Часть 3

    [Перевод] TypeScript в деталях. Часть 3

    Привет, друзья! Представляю вашему вниманию перевод еще нескольких статей из серии Mastering TypeScript, посвященных углубленному изучению TypeScript. 15 встроенных утилит типа Утилиты типа (utility types) позволяют легко конвертировать, извлекать, исключать типы, получать параметры типов и типы значений, возвращаемых функциями. 1. Partial<Type> Данная утилита делает все свойства Type опциональными (необязательными): /** * Make all properties in T optional. * typescript/lib/lib.es5.d.ts */type…

    Читать далее »
  • ХабрахабрФото React: разрабатываем кастомный useEffect

    React: разрабатываем кастомный useEffect

    Привет, друзья! В данной статье мы с вами разработаем кастомный хук, функционал которого будет аналогичен функционалу встроенного хука useEffect, за исключением того, что наш useEffect будет повторно выполняться только при изменении его зависимостей любого типа (неважно, примитивы это или объекты). Предполагается, что вы хорошо знакомы с тем, как работает хук useEffect, а также с тем, когда и почему происходит повторный…

    Читать далее »


Кнопка «Наверх»