Рубрика «ReactJS»
Я запустил GTA San Andreas на своем движке в браузере, один с Claude, за 3 недели
2026-06-25 в 11:09, admin, рубрики: Gamedev, gta sa, React, ReactJS, three.js
MobX или приправа реактивности для JS
2026-06-03 в 14:12, admin, рубрики: frontend-разработка, mobx, mvvm, oop patterns, React, react.js, ReactJS, ооп
Привет!
Меня зовут Сергей Волков, я фронтенд-разработчик в компании VK. Мы используем MobX для работы с реактивными значениями в веб-приложениях, поэтому я хочу познакомить вас с этим инструментом и показать, почему на него стоит обратить внимание.
Год с React Hook Form и Zod: меньше кода, но не без нюансов
2026-04-19 в 11:15, admin, рубрики: front-end, front-end разработка, frontend-разработка, javascript, React, react.js, reactive programming, ReactJS, TypeScriptВсем привет! Думаю, что не ошибусь если скажу, что почти каждому фронтендеру приходится заниматься разработкой сложных форм. Те, кто уже имеют такой опыт знают, что работа с формами доставляет боль и страдания. Необходимо держать в голове все правила валидации и заполнения форм, связи между зависимыми полями, нужно как-то связывать данные формы с UI, при этом избегая лишних ререндеров.
На большом проекте мы писали формы через MobX + MVC, думаю, что это не самый плохой подход для написания форм, однако можно выделить следующие недостатки:
Многое пишем руками
ИИ для веб-разработки
2025-01-22 в 9:10, admin, рубрики: AI, artificial intelligence, javascript, React, react.js, ReactJS, timeweb_статьи, ИИ, искусственный интеллект
Привет, друзья!
В праздники я провел небольшое исследование представленных сегодня на рынке бесплатных инструментов с участием "искусственного интеллекта" для помощи в веб-разработке, результатами которого хочу с вами поделиться, авось кому-нибудь пригодится.
Обратите внимание, что я акцентировал внимание на бесплатных решениях для написания кода клиентской части веб-приложений.
Список протестированных инструментов:
Далее я подробнее расскажу о первых трех (Codeium, Devv, V0) и немного о двух следующих за ними (ChatGPT, GPT4All) решениях из представленных в списке, как наиболее "выдающихся" с моей точки зрения. Остальные сервисы (начиная с cursor и ниже) в той или иной степени похожи на codeium и `devv`, но показывают более плохие результаты генерации кода по запросу, исправления ошибок и документирования кода, а также менее удобны в использовании и иногда требуют дополнительных настроек, например, указания ключа OpenAI, установки лишних инструментов (тулкитов), являются условно бесплатными и т.п.
Как на примере одной кнопки можно улучшить Frontend часть проекта
2025-01-17 в 6:16, admin, рубрики: gsap, junior, ReactJS, TypeScript, оптимизация, работа, разработкаВсем привет! Я джуниор фронтенд разработчик. И хотел бы рассказать как иногда применение библиотек в проекте - это излишества, которые стоит избегать.
Давай начнем по порядку. Проект написан на NextJs, TS, TailwindCSS. И есть на сайте анимационная кнопка, которые при скролле красиво появляется и при клике открывает модалку.
Как нейминг влияет на качество кода?
2024-09-07 в 10:06, admin, рубрики: javascript, nodejs, ReactJS, качество кода, нейминг, читаемость кодаВведение
В этой статье я хочу обратить внимание на такой аспект разработки как нейминг.
Мы рассмотрим, почему важно уделять внимание названиям переменных и функций, и как грамотный подход к неймингу может сократить время и усилия на поддержку и развитие проекта. Надеюсь, мои мысли окажутся полезными. Буду рада обратной связи в комментариях.
Описание проблемы
Причины говнокода во фронтенде. Мнение мимокрокодила
2024-01-16 в 18:15, admin, рубрики: javascript, React, react.js, ReactJS, redux, vue, vue.js, vuejs, vuex, ПрограммированиеДисклеймер
Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем...
Откуда есть пошли SPA
Чек-лист фронтендера при разработке рекламного спецпроекта
2023-06-30 в 12:57, admin, рубрики: javascript, ReactJS, vk mini apps, Блог компании KTS, Программирование, рекламный проект, чек-лист
Привет! Меня зовут Наташа, я фронтенд-разработчик в отделе рекламных спецпроектов KTS.
Debouncer: практический пример использования замыкания
2023-06-24 в 12:30, admin, рубрики: javascript, ReactJS, дебаунсер, замыканиеЧто такое дебаунсер?
Дебаунсер - это функция-обертка, которая ограничивает число выполнений переданной в нее функции, некоторым промежутком времени.
Практическое применение
Предположим, при вводе текста в инпут мы хотим отправлять запрос на сервер, чтобы получить выпадающий список вариантов под введенное значение.
По умолчанию, запрос будет уходить при вводе очередной буквы, но чтобы не грузить сервер запросами и не повторять рендер страницы с одинаковыми по значению данными, мы хотим обернуть запрос в дебаунсер с некоторым ограничением по времени.
Maskito – новая коллекция библиотек для маскирования текстовых полей
2023-06-21 в 11:11, admin, рубрики: angular, input mask, inputmask, javascript, masking, maskito, ReactJS, TypeScript, web, Блог компании TinkoffРады поделиться: выложили нашу разработку Maskito в открытый доступ, и совсем недавно произошел релиз ее первой мажорной версии. Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API.
Maskito содержит разные библиотеки: основная написана на TypeScript без зависимостей, есть опциональный пакет с набором готовых конфигурируемых масок, а еще есть библиотеки для удобного использования Maskito в проектах на React, Angular или Vue. Рассказываю обо всем подробнее.