Рубрика «React» - 4

в 4:15, , рубрики: alias, import, importmap, plugin, React, vite

Мой первый публичный плагин для Vite и первый опыт написания технического поста. Не судите строго :)

Предыстория

На одном из проектов мне нужно было реализовать Telegram-бота с использованием Web App. Я выбрал стек: Vite + React + Zustand + TypeScript. До этого я в основном работал с Webpack, и столкнулся с вопросом — как удобно организовать алиасы. В Vite есть resolve.alias, и это удобно. Но дополнительно нужно прописывать пути в tsconfig.json, чтобы IDE понимала, что происходит. А ещё это не работает с HTML-импортами.

💡 Читать полностью »

в 15:14, , рубрики: AngularJS, frontend-разработка, React, solid, svelte, vue, фронтенд-фреймворки

Сегодня во фронтенде многое кажется очевидным: интерфейс обновляется при изменении данных, код удобно разбивается на части, архитектура уже встроена в инструменты. Но раньше всё это приходилось писать вручную, и каждое решение рождалось из конкретной боли разработчиков.

Если разобраться, откуда взялись подходы, с фреймворками проще работать:

  • Понятно, что делает инструмент, а что нужно настраивать вручную.

  • Меньше ситуаций, когда поведение кажется неправильным, хотя всё работает по логике самого фреймворка.

  • Читать полностью »

в 10:15, , рубрики: javascript, React, автоматизация, автоматизация рутины, плагины, шаблоны
Как ускорить написание повторяющегося кода в 10 раз - 1

Привет! Меня зовут Никита и я пишу сайты на React.

Читать полностью »

в 14:15, , рубрики: chatgpt, javascript, jest, jetbrains, junie, React, TypeScript, искусственный интеллект, тестирование, тестирование веб-приложений

JetBrains зарелизил новую версию своего AI-ассистента — и вместе с ним Junie, автономного нейросетевого агента-программиста, которому можно поручать небольшие рабочие задачи.

Буквально вчера я получил к нему доступ и не смог не воспользоваться возможностью. Я даже не представлял, насколько это весело.

Мой опыт с ИИ в разработке

Если не считать чаты ChatGPT и DeepSeek, из ИИ-помощников я пользовался Copilot в WebStorm на GPT-4o / Claude и, честно говоря, не был сильно доволен:

  • авто-подсказки, на мой взгляд, не сильно лучше, чем встроенные в IDE;

  • доступ к коду не сильно помогает ему отвечать на вопросы через чат;

  • Читать полностью »

в 16:34, , рубрики: AI, javascript, React, vue

В этой статье мы проведём подробный анализ современных практик frontend-разработки, сравним состояние React и Vue 5 лет назад и на текущий момент, а также попробуем спрогнозировать их перспективность в обозримом будущем с учётом развития LLM моделей и AI агентов. Посмотрим их экосистемы (например, Next.js и Nuxt, Zustand и Pinia), использование в бэкенде, популярность решений в энтерпрайзе и понимание разработчиками и LLM моделями.

Популярность и сообщество: 2020 vs 2025

Читать полностью »

в 11:16, , рубрики: CSS-анимации, framer motion, gsap, React, UI, анимация, интерфейсы, плавность

в 7:16, , рубрики: backend, CD, ci, continuos integration, fullstack, gitlab, React

Всем привет. Наверняка каждый, кто так или иначе связан с IT сферой, слышал модную аббревиатуру CI/CD. Везде мы слышим про необходимость ее использования, преимущества автоматизации процессов и т.д.

В вакансиях все чаще требуется опыт работы с одним из инструментов в этой инфраструктуре – Jenkins, Travis, AWS, Gitlab CI/CD.

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

Первые шаги

Читать полностью »

в 22:21, , рубрики: forms, javascript, React, TypeScript, zod

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

Однако что, если нам нужна более лёгкая или кастомизированная версия этой библиотеки? В этой статье мы рассмотрим, как создать простую самописную альтернативу react-hook-formЧитать полностью »

в 8:43, , рубрики: nest.js, postgresql, React, redux, аутопоэз, базы знаний, глупость, интеллект, познание, философия
Кадр из культового фильма "Идиотократия" о печальных трендах в современном обществе

Кадр из культового фильма "Идиотократия" о печальных трендах в современном обществе

Читать полностью »

в 4:15, , рубрики: hooks, React, reactuse, use

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

Что такое кастомный хук?

Кастомный хук - это обычная функция, название которой начинается с "use", и которая может вызывать другие хуки. Рассмотрим простой пример

const useBoolean = (initialValue = false) => {
  const [value, setValue] = useState(initialValue);
  const toggle = (value?: boolean) => setValue((prev) => value ?? !prev);

  return [value, toggle];
};

Читать полностью »

1...345...1020...78
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js