00:00:00Очевидно,
00:00:00что сегодня всё вращается вокруг ИИ,
00:00:02и для меня это не исключение.
00:00:04Я постоянно использую ИИ,
00:00:05я пишу много кода с помощью ИИ,
00:00:07я использую такие инструменты,
00:00:09как Cursor,
00:00:10и так далее,
00:00:10но в этом выпуске фокус не на ИИ..
00:00:13Вместо этого я довольно часто получаю вопрос: какие технологии мне следует изучить в 2026 году или какие технологии вы используете в 2026 году — и именно этим я хочу поделиться.
00:00:24Я хочу рассказать о некоторых технологиях,
00:00:26библиотеках,
00:00:27фреймворках,
00:00:28которые меня вдохновляют в 2026 году.
00:00:30И этот список не обязательно исчерпывающий или полный.
00:00:33Это просто список технологий,
00:00:35которые я лично буду использовать в этом году и которыми я очень интересуюсь в этом году.
00:00:40И я говорил об этом раньше.
00:00:42Конечно,
00:00:42есть своего рода стандартный стек,
00:00:45если мы говорим о веб-разработке,
00:00:47а именно об этом я и говорю,
00:00:48который доминирует во всём,
00:00:50особенно с ИИ или благодаря ИИ.
00:00:52И это TypeScript, React, Next.js и Tailwind.
00:00:54Это любимый стек ИИ,
00:00:56и вы можете видеть это в графиках загрузок React,
00:00:59например,
00:00:59и то же самое с Tailwind и другими технологиями.
00:01:02И очевидно,
00:01:03что это то,
00:01:03что вам определённо следует изучить или использовать,
00:01:07особенно если вы хотите найти работу.
00:01:09Это,
00:01:09конечно,
00:01:10не единственный выбор,
00:01:11и я не говорю,
00:01:12что Angular,
00:01:13Vue или всё остальное — это плохо,
00:01:15и может быть хорошей нишей,
00:01:17например,
00:01:17углубиться в Vue.
00:01:18Но это любимый стек ИИ.
00:01:19Это любимый стек ИИ.
00:01:21Поэтому,
00:01:21естественно,
00:01:22я использую некоторые из этих технологий ещё и потому,
00:01:25что делал это до эры ИИ.
00:01:27Я использую TypeScript для всех своих проектов,
00:01:30потому что TypeScript потрясающий.
00:01:32И да,
00:01:32иногда может быть раздражающе определять более сложные типы,
00:01:36но,
00:01:36во-первых,
00:01:37честно говоря,
00:01:38делать это нужно не так часто.
00:01:40А во-вторых, ИИ может с этим помочь.
00:01:42ИИ довольно хорош в написании кода на TypeScript,
00:01:45и преимущество использования TypeScript ещё до эры ИИ уже заключалось в том,
00:01:49что он помогает выявить определённые ошибки и в конечном итоге может привести к более качественному коду.
00:01:56Но особенно с ИИ преимущество использования TypeScript в том,
00:01:59что это один из важных строительных блоков,
00:02:02который может дать ИИ полезную обратную связь о том,
00:02:05является ли написанный им код валидным или нет,
00:02:08в сочетании,
00:02:09например,
00:02:09с модульными тестами или предоставлением ИИ доступа к браузеру через Playwright MCP или встроенный браузер в Cursor и так далее.
00:02:17Так что TypeScript — это то,
00:02:19что я всегда использовал,
00:02:20всегда любил задолго до ИИ,
00:02:22но теперь с ИИ он стал ещё более полезным.
00:02:25Так что он тоже часть моего технологического стека.
00:02:28То же самое верно и для React.
00:02:29Я также люблю Angular.
00:02:31Я люблю Vue.
00:02:31У меня есть курсы по обоим.
00:02:33И если вы следите за мной,
00:02:35вы знаете,
00:02:35что я люблю все эти фреймворки.
00:02:37И я не из тех,
00:02:38у кого есть только один любимый фреймворк,
00:02:41но за последние годы в основном я использовал React для всех своих проектов,
00:02:45и особенно с ИИ,
00:02:46с тем,
00:02:47как много ИИ знает о React,
00:02:48хотя должен сказать,
00:02:50что он тоже может производить довольно паршивый React-код с кучей use-эффектов.
00:02:54Но при всём при этом React по-прежнему остаётся частью моего технологического стека..
00:03:03Next.js был моим основным мета-фреймворком для React очень долгое время,
00:03:09и он всё ещё великолепен.
00:03:10Хочу быть здесь предельно ясным.
00:03:13Он всё ещё великолепен,
00:03:14но вот первая новинка,
00:03:16которая мне действительно нравится — TanStack Start..
00:03:20Я создавал проекты с его помощью,
00:03:22как,
00:03:22например,
00:03:23проект Build My Graphic,
00:03:24который я разработал в качестве побочного проекта в прошлом году,
00:03:28а затем выпустил.
00:03:28Это проект,
00:03:29упрощающий процесс генерации инфографики с помощью ИИ,
00:03:32как вот эта,
00:03:33которая показывает финальный обзор моего любимого технологического стека.
00:03:36И я использовал TanStack Start для этого.
00:03:39И я также использую TanStack Start для других проектов,
00:03:42над которыми работаю.
00:03:43Некоторые скоро будут выпущены.
00:03:44Например,
00:03:45я также использую его для этого приложения для рисования на холсте,
00:03:48которое вы видите прямо здесь..
00:03:51И это потрясающе.
00:03:52Мне это действительно нравится.
00:03:53Мне нравится,
00:03:54что он быстрее,
00:03:55чем Next.js во время разработки,
00:03:57что он делает определённые вещи по-другому.
00:03:59Мне нравится его синтаксис.
00:04:01Мне нравится простота по сравнению с некоторыми аспектами Next.js.
00:04:05Здесь нет директив use server,
00:04:06use client и так далее,
00:04:08и поэтому TanStack Start определённо одна из новинок,
00:04:11которую я начал использовать в прошлом году,
00:04:13и я продолжу использовать её в этом году..
00:04:16Сейчас я обычно использую 10 stack start с bun для backend-кода,
00:04:20и в целом я использую bun для установки пакетов,
00:04:22для запуска моего кода,
00:04:24а также dev-сервера,
00:04:25потому что это просто более быстрый node.js.
00:04:27Я имею в виду,
00:04:28что даже просто использование его для установки пакетов с помощью bun install быстрее,
00:04:33чем npm,
00:04:33и мне действительно нравится bun.
00:04:35Конечно,
00:04:35он в основном совместим с node.js и имеет множество встроенных дополнительных функций,
00:04:40которые могут быть очень полезны,
00:04:42например,
00:04:42встроенный s3-клиент,
00:04:44который позволяет взаимодействовать с хранилищем объектов s3 и совместимыми хранилищами,
00:04:48такими как r2 от cloudflare,
00:04:50для хранения объектов,
00:04:51изображений и всего остального,
00:04:53и это встроено,
00:04:54вам не нужен дополнительный пакет,
00:04:56это очень быстро,
00:04:56быстрее,
00:04:57чем официальный aws sdk,
00:04:58например,
00:04:59и да,
00:04:59по всем этим причинам мне действительно нравится bun,
00:05:02и поэтому bun — это практически мой инструмент по умолчанию во всех проектах,
00:05:06над которыми я работаю.
00:05:08Конечно,
00:05:08он не новый,
00:05:09и для меня это тоже не новость,
00:05:11я использовал его в прошлом году и даже раньше,
00:05:13но теперь это мой инструмент по умолчанию,
00:05:15так что это определенно то,
00:05:17что я использую очень часто.
00:05:18Хочу отметить,
00:05:19что node.js тоже прошел большой путь,
00:05:21легко отмахнуться от node.js как от чего-то медленного и устаревшего,
00:05:25а от bun — как от чего-то гораздо лучшего,
00:05:27и я действительно думаю,
00:05:29что bun лучше во многих отношениях,
00:05:31но я написал целую статью,
00:05:32и вы найдете ссылку на нее ниже,
00:05:34если захотите прочитать,
00:05:35обо всех современных функциях,
00:05:37таких как поддержка typescript,
00:05:38нативная поддержка typescript,
00:05:40которые встроены в node.js и которые вы можете использовать сегодня с последними версиями node.js,
00:05:46для которых вам не нужны дополнительные пакеты или bun,
00:05:49потому что node может делать больше,
00:05:51чем многие из нас думают.
00:05:52Продолжаю ли я использовать bun,
00:05:54потому что мне нравится его скорость и всё такое.
00:05:56Да,
00:05:57продолжаю,
00:05:58но если вы работаете над проектом,
00:05:59где нужно использовать node,
00:06:01или вы просто предпочитаете его,
00:06:03стоит отметить,
00:06:04что сейчас с node можно делать гораздо больше,
00:06:06чем пару лет назад,
00:06:07так что современный node.js — это определенно то,
00:06:10на что я бы посоветовал снова обратить внимание в этом году,
00:06:13если вы давно этого не делали.
00:06:15Говоря о современных вещах,
00:06:16я также очень рад многим современным браузерным API и CSS-функциям,
00:06:20которые доступны в наши дни,
00:06:21потому что там многое изменилось за последние,
00:06:24я бы сказал,
00:06:2518 месяцев или около того,
00:06:26есть множество браузерных API и CSS-функций,
00:06:28таких как,
00:06:29например,
00:06:30popover API,
00:06:30но и многие другие,
00:06:31которые достигли широкой поддержки основных браузеров,
00:06:34так что вы можете использовать их во всех этих основных браузерах сегодня,
00:06:38вы можете использовать их в своих приложениях и можете сэкономить много javascript-кода или дополнительных пакетов,
00:06:45которые в противном случае пришлось бы устанавливать,
00:06:48используя эти функции..
00:06:53Я создал несколько видео на своём другом канале — канале академии,
00:06:56где подробно разбираю некоторые из этих вещей,
00:06:59такие как container queries,
00:07:00API popover,
00:07:01и я определённо рекомендую посмотреть эти видео и изучить эти функции в целом.
00:07:06Браузеры прошли долгий путь,
00:07:07и нет необходимости решать множество проблем собственным кодом или дополнительными пакетами,
00:07:12если их можно решить,
00:07:14просто используя эти новые возможности.
00:07:16Стоит отметить,
00:07:17что ИИ по умолчанию может не предлагать и не использовать эти функции,
00:07:21потому что,
00:07:21конечно же,
00:07:22он обучался на данных,
00:07:23содержащих весь старый код,
00:07:25но вы можете его обучить: поделиться документацией,
00:07:27скопировать и вставить её в свои промпты или поделиться ссылками — в зависимости от того,
00:07:33какие инструменты вы используете,
00:07:34и тогда вы сможете заставить ИИ писать современный код.
00:07:38И это определённо то,
00:07:39что я рекомендую делать — обучать ИИ всем этим современным штукам,
00:07:42вам действительно стоит это делать,
00:07:44потому что здесь так много возможностей.
00:07:47Говоря об ИИ,
00:07:47конечно,
00:07:48мы не можем полностью обойти его стороной в этом видео,
00:07:51и я уже говорил об этом в других выпусках: я активно использую ИИ,
00:07:55пишу весь свой код с помощью ИИ,
00:07:57и ИИ пишет для меня много кода.
00:07:58Но я не говорю здесь о вайб-кодинге,
00:08:00хочу быть предельно ясным — и я знаю,
00:08:02что некоторые всё равно неправильно поймут — я говорю об управлении ИИ,
00:08:06его направлении,
00:08:07предоставлении правильных промптов,
00:08:09правильного контекста,
00:08:11самостоятельном погружении в код,
00:08:12когда это необходимо,
00:08:14и действительно занимаюсь агентным инжинирингом,
00:08:16как это называется.
00:08:17Поэтому,
00:08:18конечно,
00:08:18я работаю с такими инструментами,
00:08:20как Cursor,
00:08:21и один инструмент,
00:08:22которым я очень увлечён в этом году — это,
00:08:24например,
00:08:25OpenCode.
00:08:25Вокруг него недавно было много шумихи,
00:08:28я начал использовать его ещё в декабре,
00:08:30так что я был крутым до того,
00:08:31как это стало крутым.
00:08:33Это,
00:08:33по сути,
00:08:34альтернатива Claude Code,
00:08:35это CLI-инструмент,
00:08:36инструмент для кодирования в терминале,
00:08:38и вы можете использовать его для агентного инжиниринга.
00:08:41Он очень хорош,
00:08:42имеет приятный интерфейс,
00:08:44хотя и работает в терминале,
00:08:45обладает множеством функций,
00:08:47поддерживает всё вроде агентов и агентских навыков,
00:08:50и да,
00:08:50с OpenCode действительно можно отлично заниматься агентным инжинирингом.
00:08:54Поэтому Cursor и OpenCode,
00:08:56например,
00:08:56— это другие технологии,
00:08:58которые я использую в этом году,
00:09:00и особенно OpenCode — это то,
00:09:01чем я очень увлечён.
00:09:02Есть две вещи,
00:09:03которые нужны большинству приложений,
00:09:05которые вы можете создавать,
00:09:07— это аутентификация и база данных.
00:09:09Что касается базы данных,
00:09:10мои фавориты — это PostgreSQL или SQLite,
00:09:12обе потрясающие,
00:09:13и обе,
00:09:14конечно,
00:09:14не новые,
00:09:15я это прекрасно понимаю.
00:09:16Я знаю,
00:09:17что есть более разрекламированные альтернативы вроде Convex и других,
00:09:21и я,
00:09:21возможно,
00:09:22тоже изучу их — я,
00:09:23честно говоря,
00:09:23не особо их использовал,
00:09:25— но мне нравятся эти старомодные базы данных по совершенно разным причинам.
00:09:29PostgreSQL,
00:09:30конечно,
00:09:30очень-очень популярна,
00:09:31она супер производительна,
00:09:33и при использовании AWS,
00:09:34например,
00:09:35можно применять управляемые сервисы вроде RDS или Aurora,
00:09:38чтобы упростить хостинг,
00:09:39если хотите,
00:09:40но также можно размещать её самостоятельно с Docker — нужно только убедиться,
00:09:45что вы делаете резервные копии и так далее.
00:09:47И что особенно здорово в PostgreSQL,
00:09:49особенно сейчас,
00:09:50в современную эпоху,
00:09:51— это,
00:09:51конечно,
00:09:52то,
00:09:52что она поддерживает все эти различные расширения вроде pg_vector,
00:09:56если вам нужна векторная база данных для построения RAG-системы.
00:10:00Расширения были всегда,
00:10:01это не новость,
00:10:02но сейчас,
00:10:03в эпоху ИИ,
00:10:03у нас появились новые вещи вроде векторных баз данных,
00:10:06и вы можете просто делать это с PostgreSQL,
00:10:09не используя дополнительные инструменты и не платя за дополнительные сервисы,
00:10:13и это одна из причин,
00:10:14почему мне действительно нравится PostgreSQL и почему я использую её для многих своих проектов.
00:10:20Но для некоторых проектов,
00:10:21где я хочу сохранить простоту,
00:10:23где мне,
00:10:23возможно,
00:10:24не нужны эти расширения,
00:10:25мне очень нравится SQLite.
00:10:27И если вы не знали,
00:10:28SQLite — это на самом деле просто файл в вашем проекте,
00:10:31база данных встроена в ваш код,
00:10:33точнее,
00:10:33код для неё,
00:10:34так что нет никакого дополнительного сервера базы данных,
00:10:37который нужно запускать,
00:10:39вместо этого это просто дополнительный пакет,
00:10:41который вы устанавливаете,
00:10:43или,
00:10:43если вы используете Bun,
00:10:45вам даже не нужно этого делать — у него есть встроенная поддержка SQLite,
00:10:49так что вы можете просто использовать Bun,
00:10:51ничего не устанавливая,
00:10:52и начать работать с базой данных,
00:10:54которая,
00:10:55опять же,
00:10:55является просто файлом в вашем проекте.
00:10:57Вы можете сделать резервную копию базы данных,
00:11:00просто скопировав этот файл куда-нибудь ещё,
00:11:03и это делает начало работы супер простым.
00:11:05Это может звучать как что-то не очень серьёзное или подходящее для крупных проектов,
00:11:10но вы ошибаетесь.
00:11:11SQLite может масштабироваться до десятков и сотен тысяч пользователей и тысяч одновременных запросов,
00:11:16так что она супер масштабируема и мощная.
00:11:19Конечно,
00:11:19в какой-то момент вам может понадобиться больше,
00:11:22но эта точка находится довольно далеко,
00:11:24и большинство приложений её никогда не достигают,
00:11:27если честно.
00:11:28И тогда эта простота действительно стоит многого,
00:11:30и легко думать о ней как об игрушечной базе данных,
00:11:33но в ней встроено множество функций,
00:11:35это потрясающая база данных,
00:11:37и я использую её для многих своих продакшен-проектов,
00:11:40например,
00:11:40Build My Graphic использует SQLite.
00:11:42Поэтому это ещё одна технология,
00:11:44которую я использую последние годы и продолжу использовать,
00:11:47и я,
00:11:48конечно,
00:11:48всё ещё очень ею увлечён,
00:11:50и я просто хочу немного порекламировать её здесь,
00:11:53потому что многие люди думают о ней как о базе данных только для разработки или что-то в этом роде,
00:11:58а это абсолютно не так.
00:12:00Что касается аутентификации,
00:12:01для меня однозначно лучше Better Auth.
00:12:03Есть много способов добавить аутентификацию в ваши проекты,
00:12:07и,
00:12:07конечно,
00:12:08если вы заметили,
00:12:09я говорю здесь об экосистеме JavaScript,
00:12:11но Better Auth — это относительно новая библиотека.
00:12:14Я имею в виду,
00:12:15ей уже больше года,
00:12:16но она всё ещё не супер старая,
00:12:18она чрезвычайно хорошо поддерживается и чрезвычайно мощная.
00:12:21Она позволяет вам реализовать собственную аутентификацию,
00:12:24не написав ни строчки кода,
00:12:26связанного с ней,
00:12:27вы просто используете этот пакет и все функции,
00:12:29всех провайдеров аутентификации,
00:12:31которые он поддерживает,
00:12:32и он делает аутентификацию проще простого.
00:12:35Это значение по умолчанию для всех моих проектов,
00:12:38я использую Better Auth для всех них,
00:12:40и это просто потрясающе.
00:12:41Я продолжу использовать её,
00:12:43я всё ещё супер увлечён ею,
00:12:44и да,
00:12:45я бы рекомендовал взглянуть на Better Auth,
00:12:47если вы ещё этого не сделали.
00:12:49Позвольте мне быстро создать ту инфографику,
00:12:51которую я вам показал,
00:12:52и пока это работает,
00:12:53позвольте мне быть предельно ясным: конечно,
00:12:56происходит гораздо больше интересных вещей,
00:12:58гораздо больше пакетов,
00:13:00которые стоит изучить и которые я буду использовать.
00:13:03Например,
00:13:03если я создаю мобильные приложения,
00:13:05я буду использовать React Native.
00:13:07Это просто подборка библиотек или технологий,
00:13:10которыми я больше всего увлечён,
00:13:11которые пришли мне в голову сейчас,
00:13:13когда я об этом думал.
00:13:15Абсолютно возможно,
00:13:16что я что-то забыл или что что-то,
00:13:18конечно,
00:13:18появится в течение года,
00:13:20что,
00:13:20может быть,
00:13:21уже существует,
00:13:22но я действительно не использовал это до сих пор.
00:13:24И,
00:13:25конечно,
00:13:25мне интересно услышать ваши мысли и то,
00:13:28чем вы увлечены,
00:13:28возможно,
00:13:29вне сферы ИИ.
00:13:30И очевидно,
00:13:30что ИИ доминирует во всём и окажет влияние на всё,
00:13:33но стоит помнить,
00:13:34что мы,
00:13:35как разработчики,
00:13:36можем и должны по-прежнему делать выбор в отношении технологий,
00:13:39которые мы используем и над которыми позволяем работать ИИ.
00:13:42И да, это подборка того, чем я больше всего увлечён..