| Date | Title | Description |
| 05.02.2025 | Представлен открытый проект WikiTok, где можно быстро узнавать новое, скролля ленту из рандомных статей Wikipedia | Разработчик Исаак Джемаль представил открытый проект под названием WikiTok (интерфейс в стиле TikTok для просмотра случайных публикаций), где можно быстро узнавать новое, скролля ленту из рандомных статей Wikipedia. Исходный код решения нап... |
| 24.01.2025 | The Rise of Mock Services: Revolutionizing Frontend Development | In the fast-paced world of software development, time is money. Teams are constantly racing against the clock to deliver high-quality products. Enter mock services—a game changer in the realm of frontend development. These tools act as a br... |
| 23.01.2025 | Релиз Tailwind CSS v4.0 | Команда разработчиков объявила о выходе версии 4.0 фреймворка Tailwind CSS.
Tailwind CSS v4.0 — это совершенно новая версия фреймворка, оптимизированная для производительности и гибкости, с переосмысленной конфигурацией и кастомизацией, а т... |
| 23.01.2025 | Состоялся релиз Bun 1.2 — среды выполнения JavaScript и TypeScript | 22 января 2025 года состоялся релиз Bun 1.2 — среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков. Выпуск Bun 1.1 произошёл в апреле 2024 года, проект Bun 1.0 вышел в сентябре 2023 год... |
| 22.01.2025 | Гибкость и контроль над данными: применение моков в разработке | Привет! Меня зовут Руслан. У меня за плечами 9 лет опыта в IT, из которых 5 я работаю на позиции Team Lead. Начинал как сервисный инженер, а сейчас руковожу командой разработки. За это время успешно запустил AR-приложение.
В NtechLab я зани... |
| 07.01.2025 | Navigating the Future of React: The Rise of TanStack Router | In the ever-evolving landscape of web development, routing is the compass that guides users through applications. For React developers, the choices have often boiled down to established players like React Router and Next.js Router. However,... |
| 06.01.2025 | TanStack Router: современный и типобезопасный роутер для React | Изображение, созданное DALL-E
Привет, Хабр!
Если вы разрабатываете приложения на React, вы наверняка сталкивались с вопросом, как организовать маршрутизацию. И хотя инструменты вроде React Router или Next.js Router уже давно стали де-факто ... |
| 30.12.2024 | The Unsung Heroes of Web Development: Understanding Ports and Time Zones | In the world of web development, ports and time zones are the unsung heroes. They work behind the scenes, ensuring smooth communication and accurate data representation. Understanding these elements is crucial for developers. Let’s dive int... |
| 28.12.2024 | Порты в веб-разработке: от локальной разработки до продакшена | Эта статья предназначена в первую очередь для веб-разработчиков. Я не являюсь экспертом в области сетей, администрирования или DevOps, поэтому представленный материал не углубляется в сетевые аспекты.
Из любопытства, я как то задался вопрос... |
| 18.12.2024 | Vite 6.0: Новые возможности и будущее веб-разработки | 26 ноября 2024 года вышла новая мажорная версия инструмента для сборки приложений Vite. Это событие особенно примечательно тем, что это первый релиз после анонса VoidZero, где Even You представил грядущее направление развития основных проду... |
| 16.12.2024 | Как я создала приложение, которое решает, что мне есть | Работать на удалёнке прекрасно, за исключением одного — всё время нужно что-то готовить. А для этого — придумать, что бы такого вкусного тебе хотелось съесть сегодня.
Меня зовут Лена Райан, я фронтенд-разработчик в Точка Навыки. Недавно зак... |
| 16.12.2024 | Как же войти в айти в 2025 году и не потратить на это 10 лет жизни | Сфера IT продолжает стремительно развиваться (даже слишком), но в России конкуренция за рабочие места в этой области становится всё более жёсткой. Тем не менее, даже в условиях высокой конкуренции вы можете добиться успеха, если будете двиг... |
| 15.12.2024 | Бесплатное обучение фулстек-разработке веб-сервиса с нуля по видео-урокам с исходным кодом и поддержкой | TLDR. Я примерно год создавал курс из 141 урока. Курс получился хороший, все кто проходят рады и пишут положительные отзывы. Я пытался его продавать, в лучшем случае у меня получалось отбивать рекламу в ноль. Короче, я хороший разработчик, ... |
| 06.12.2024 | Как удалить неиспользуемые зависимости из проекта? | freepik
В процессе разработки проекта со временем могут накапливаться неиспользуемые зависимости. Они увеличивают размер проекта и могут создавать потенциальные уязвимости. Рассмотрим основные методы очистки проекта от таких зависимостей.Ин... |
| 05.12.2024 | Начало работы с тестированием производительности на TypeScript с использованием K6 | В современном цифровом мире обеспечение высокой производительности программных приложений является ключевым фактором, позволяющим компаниям сохранять конкурентоспособность и предоставлять пользователям безупречный опыт. Пользователи предъяв... |
| 04.12.2024 | Карточный домик стилизации без чистого CSS. Часть 1 | Всем прекрасного времени суток. Это первая часть из серии двух статей про перенос стилизации с SCSS'а на чистый CSS.
Сегодня мы с вами посмотрим каким образом можно преобразовать миксины SCSS'а на CSS с атомарными классами. Как я уже писал ... |
| 27.11.2024 | The Art of Refactoring: Navigating the Thin Line Between Improvement and Chaos | Refactoring is a double-edged sword. It can breathe new life into old code, or it can plunge a project into chaos. The difference lies in the execution. In the fast-paced world of software development, understanding the nuances of good and ... |
| 27.11.2024 | Релиз набора инструментов для фронтенда Vite 6.0 | В конце ноября 2024 года состоялся релиз открытого проекта Vite 6.0. Это решение является набором инструментов следующего поколения для фронтенда. Исходный код проекта написан на TypeScript и JavaScript и опубликован на GitHub под лицензией... |
| 22.11.2024 | Генерация кода валидации из спецификации OpenAPI: как мы синхронизировали валидаторы данных между бэкендом и фронтендом... | Представьте ситуацию: ваша команда закончила интеграцию с API, все протестировала и подготовила релиз. А тут внезапно серверная команда меняет формат ответа. Фронтенд падает, QA злится, пользователи недовольны. Приходится вручную переписыва... |
| 20.11.2024 | Navigating the Complex World of Modern JavaScript Packages | In the ever-evolving landscape of web development, JavaScript packages are the lifeblood of efficient coding. They are the building blocks that developers rely on to create dynamic applications. However, as the ecosystem matures, so do the ... |
| 18.11.2024 | Создаём современные npm-пакеты и преодолеваем трудности совместимости ESM и CJS | Привет! Меня зовут Никита, и я тружусь в фронтенд-команде платформы в Ozon. Платформа поставляет инструменты для создания и поддержки JS-проектов. В компании в настоящее время более 500 таких проектов. Мы прилагаем максимум усилий, чтобы ра... |
| 09.11.2024 | The State of CSS 2024: Trends, Tools, and Future Directions | The digital landscape is ever-evolving, and CSS is no exception. The recent release of the State of CSS 2024 survey sheds light on the latest trends, tools, and community sentiments surrounding CSS. This annual survey, which gathers insight... |
| 07.11.2024 | Новый этап эволюции Vue — Vapor | 19 октября 2024 года завершился Vue Fes Japan 2024 — традиционное событие, которое собрало множество энтузиастов и экспертов в области веб-разработки, где рассказывали о будущем экосистемы вью. На этой конференции разработчик Кевин Денг под... |
| 05.11.2024 | Как сделать один плагин сразу для всех сборщиков фронтенда? | Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin.
Короткий ответ на вопрос из заго... |
| 29.10.2024 | Svelte 5 здесь | Эта статья — перевод оригинальной статьи «Svelte 5 is alive».
Также я веду телеграм канал «Frontend по‑флотски», где рассказываю про интересные вещи из мира разработки интерфейсов.Вступление
После почти 18 месяцев разработки, включающей тыс... |
| 23.10.2024 | Navigating the Maze of Recursive Dependencies in Frontend Development | In the world of frontend development, recursive dependencies can feel like a labyrinth. They twist and turn, creating paths that lead to confusion and errors. Understanding these dependencies is crucial for building robust applications. Thi... |
| 23.10.2024 | Рекурсивные зависимости на фронтенде | Хочу рассказать о том, какие проблемы при разработке создают рекурсивные зависимости на фронте. И рассмотрим способы решения зависимостей и их обнаружение.О проблеме
Рекурсивные зависимости на фронтенде могут возникать если модули ссылаются... |
| 03.10.2024 | Bridging the Gap: Integrating SwiftUI and Realm with React Native's New Architecture | In the fast-paced world of mobile app development, React Native stands as a beacon of flexibility. The recent introduction of its new architecture has stirred excitement among developers. This architecture, still in beta, promises to enhanc... |
| 03.10.2024 | The Dawn of VoidZero: A New Era for JavaScript Development | In the world of technology, change is the only constant. Recently, a significant shift has emerged in the JavaScript ecosystem. Evan You, the mastermind behind Vue and Vite, has launched a new venture called VoidZero Inc. This startup has a... |
| 02.10.2024 | Анонс VoidZero — следующее поколение инструментария для JavaScript | Сегодня было анонсировано следующее поколение инструментария для JavaScript от автора Vue и Vite. В рамках начального финансирования было привлечено $4.6 миллиона, при этом основными инвесторами стали Accel и Amplify. В свете этого анонса в... |
| 29.09.2024 | Мой вариант аутентификации с помощью JWT в FastAPI + React | В создании своих pet проектов у многих возникает вопрос аутентификации пользователя. Это может быть связано с персональным отображением страниц, настройки доступа и т.д.
В этой статье я хочу показать мое решение вопроса. Сразу скажу, что он... |
| 27.09.2024 | Создаем Telegram Web App. Часть I: разработка на React Native Web | Всем привет! На связи команда dev.family, и мы вернулись с новым экспериментом. Хотим поделиться опытом разработки приложения на React Native для нескольких платформ и мессенджера, а именно – iOS, Android, Web и Telegram.
Разработчики давно... |
| 27.09.2024 | Создаем Telegram WebApp. Часть II: установка Telegram mini-app | Привет! Это снова команда dev.family. Мы продолжаем эксперимент по созданию приложения на React Native, которое будет работать как Telegram Web App.В предыдущей серии мы рассказали про особенности разработки веб-приложения на React Native с... |
| 23.09.2024 | В среду выполнения JavaScript и TypeScript Bun 1.1.28 добавлена поддержка вызова кода на языке C | В обновлении среды выполнения JavaScript и TypeScript Bun 1.1.28 разработчики проекта добавили экспериментальную возможность компиляции и выполнения обработчиков, написанных на языке C.
По информации OpenNET, ранее в этом проекте для вызова... |
| 20.09.2024 | Vue 3 в деле: Как мы обновили большой внутренний сервис и что из этого вышло | Привет, Хабр!
Меня зовут Егор Прокопьев, и я фронтенд-разработчик в Ozon.
Третья версия полюбившегося многими фреймворка Vue вышла уже давно, и большинство использующих его произвели обновление до новой версии. Но всегда будут такие, как на... |
| 19.09.2024 | Дело было вечером или Создаем веб-приложение за 5 часов | Привет, друзья!
В этой небольшой заметке я хочу рассказать вам о том, как я разработал игру с вопросами по JavaScript за один вечер, потому что, во-первых, мне было скучно :D, во-вторых, мне стало интересно, как быстро я смогу "запилит... |
| 17.09.2024 | Navigating the AI Landscape: Empowering Small Businesses with GoDaddy's Tools | In the bustling world of small businesses, time is money. Entrepreneurs juggle countless tasks, from marketing to customer service. Enter generative AI, a game-changer that can lighten the load. GoDaddy, a leader in online services, is step... |
| 17.09.2024 | How to: Как быстро и эффективно разместить статичный React app c помощью сервисов AWS + custom domain name + SSL | Приветствую всех любителей кодинга!
Сегодня мы с вами рассмотрим на примере простого React-приложения, как легко и дешево сделать его доступным для пользователей с помощью сервисов AWS.
Сервисы, о которых сегодня пойдет речь:
S3 Bucket. Это... |
| 15.09.2024 | Использование стандарта ES5 в Интернете | Стандарт Ecmascrpit
В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сай... |
| 08.09.2024 | Практика: фронтенд для начинающих | Это простое руководство для тех кто хочет развернуть локально проект и начать уже писать код.
Начнем с того, что у вас уже есть на чем разрабатывать, в кратце описал здесь рекомендации по выбору ПК. Скачать исходники описанные в статье.Сред... |
| 07.09.2024 | Введение в OpenLayers | Всем привет! Мы рассмотрим библиотеку для построения карт OpenLayers (версии 8.2.х). Вы узнаете о том, какие возможности она предоставляет, как ей пользоваться и почему в команде НСПД мы выбрали именно её. В статье будет много примеров кода... |
| 01.09.2024 | Mastering Vue.js Performance and Testing: A Comprehensive Guide | In the world of web development, speed and reliability are king. Vue.js, a popular framework for building user interfaces, is no exception. As applications grow, performance can falter. But fear not! There are practical strategies to optimi... |
| 29.08.2024 | Оптимизация производительности Vue.js приложений: Практическое руководство | 1. Введение
Vue.js — один из самых популярных фреймворков для создания пользовательских интерфейсов. Однако, как и в любом крупном веб-приложении, при увеличении количества компонентов и данных, производительность может снижаться. Оптимизац... |
| 29.07.2024 | Аутентификация в SPA приложении через OpenAM используя OAuth2/OIDC | Данная статья будет полезна разработчикам браузерных (SPA) приложений, которые хотят настроить аутентификацию пользователей. Для аутентификации будет использоваться OAuth2/OIDC протокол c PKCE. В качестве сервера аутентификации будет исполь... |
| 17.07.2024 | Искусство сетапа: автоматизируем подготовку стека под новые проекты | Привет, меня зовут Грант, я фронтенд-разработчик в KTS. В этой статье я хочу поделиться опытом заведения проектов от нашей команды.
В отделе рекламных спецпроектов мы запускаем большое количество проектов, поэтому скорость сетапа имеет для ... |
| 04.07.2024 | Стоит ли игра свеч? Кратко о Single SPA (часть 1) | У вас возникнет вопрос, а почему вообще стоит уделить свое внимание данному фреймворку? Давайте разбираться!
В какой-то момент наш монолитный проект админки вырос до невероятных масштабов, было трудно поддерживать кодовую базу, добавлять но... |
| 27.06.2024 | Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться | Привет! Я Леша Кузьмин, главный про фронтенду в AGIMA. Мы с коллегами решили суммировать наш опыт по подготовке UI-китов и сделать большую и внятную инструкцию для новичков. Во-первых, это удобно — будем давать эту статью нашим стажерам и п... |
| 21.06.2024 | Вам не нужен Lodash. Хватит! Пожалуйста | Всем привет. Сегодня я вернулся с отпускной поездки, проснулся, сделал себе кофеек, заказал завтрак, и решил глянуть наконец-то вышедший State Of JS 2023.
Читаю, открываю секцию библиотек - и первое, что я вижу
50% и топ 1. За что?
33% моме... |
| 17.06.2024 | Подключаем библиотеку к проекту с помощью npm/yarn link | Привет! Меня зовут Света, я фронтенд-разработчик отдела спецпроектов в KTS.
Наш отдел разрабатывает и запускает около 100 проектов в год. При такой загрузке мы постоянно ищем новые способы ускорить и автоматизировать работу.
У нас много биб... |
| 15.06.2024 | Поясняю за React Сompiler | В 2024 году команда React готовит множество нововведений, приуроченных к выходу React 19.
Одним из таких нововведений является React Сompiler — новый JavaScript-компилятор для оптимизации вычислений. Главной целью разработчиков была оптимиз... |
| 12.06.2024 | Переход с WebStorm на Cursor (VS Code) | Думаю, многие в курсе, что JetBrains остановили продажи своих продуктов на территории России, но стоит отдать должное оставили бессрочные лицензии на ту версию продукта, что использовалась на тот момент. Не круто конечно, но долгое время ме... |
| 06.06.2024 | Пишем веб-компонент для svg иконок | Всем привет! Сегодня мы рассмотрим один из вариантов интеграции svg иконок в наш фронтенд проект используя веб-компоненты. Основная идея компонента заключается в том, чтобы лениво подгружать в SVG спрайт иконки и переиспользовать уже загруж... |
| 02.06.2024 | .NET Aspire — империя дотнета наносит ответный удар | Когда я первый раз услышал про .NET Aspire, я подумал что это какая-то очередная лажа от Майкрософта, про которую все забудут через неделю.
Особенно, учитывая какую дичь часто завозят в шарп (например те же ужасно спроектированные Primary C... |
| 31.05.2024 | Простой путь к публикации Vue3 модуля на NPM с помощью Vite | Для веб-разработчика (особенно начинающего) создание собственных модулей и публикация их в open source может казаться сложным процессом. В этой статье я покажу один из самых простых и быстрых способов публикации своего модуля на NPM при пом... |
| 16.05.2024 | Книга: «Laravel. Полное руководство. 3-е издание» | Привет, Хаброжители!
Что отличает Laravel от других PHP-фреймворков? Скорость и простота. Стремительная разработка приложений, обширная экосистема и набор инструментов Laravel позволяют быстро создавать сайты и приложения, отличающиеся чист... |
| 16.05.2024 | React.js: Знакомимся с useReducer, Axios и JSON Server на примере создания инвентарного списка | Когда речь заходит о веб-разработке, трудно обойти вниманием React.js. Она уже десять лет является одной из главных библиотек пользовательского интерфейса и лежит в основе множества популярных фреймворков, таких как, например, Next.js.
Если... |
| 16.05.2024 | React Conf 2024. React v19 | "React 19 RC". Источник: React Conf 2024
Temp UPD: прямо сейчас проходит второй день React Conf.
Несколько часов назад завершился первый день Конференции React.js. Долгожданной конференции спустя почти 3 года после предыдущей. Не ... |
| 18.04.2024 | Как я создал еще один JS фреймворк | Многие могут усмехнуться при мысли о запуске очередного фреймворка JavaScript, учитывая множество уже существующих проверенных решений. Зачем браться за создание нового?
Давайте я расскажу свою личную историю о том, что подтолкнуло меня к р... |
| 07.04.2024 | Развертываем peer-to-peer чат с голосом, видео, шарингом экрана, файлов и паролем | О чем эта статья?
Эта секция написана уже после статьи, чтобы читатель посмотрел, а надо ли ему что-то отсюда или нет, но это забавное приключение (напоминаю, что статьи в форме (б|в)лога, как всегда.
Что будет ниже:
Поиск open source решен... |
| 02.04.2024 | Состоялся релиз Bun 1.1 — среды выполнения JavaScript и TypeScript | 1 апреля 2024 года состоялся релиз Bun 1.1 — среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков. Это событие произошло спустя шесть месяцев после выхода первой мажорной версии проекта... |
| 01.04.2024 | Почему стоит взглянуть на Relay и GraphQL снова | Если вы давно следите за моей работой, то знаете, что одним из моих любимых пристрастий являются сравнения GraphQL, REST, tRPC и других технологий, в которых не упоминаются Relay и Fragments. В этом посте я объясню, почему я считаю Relay пе... |
| 28.03.2024 | Как я отрендерил миллион строк в React | Недавно я столкнулся с задачей, известной как one billion row challenge. Два аспекта этого вызова меня заинтриговали:
Каковы будут последствия, если я попробую решить этот вызов на фронтенде?
Удастся ли мне это?
Хотя я не уверен в возможнос... |
| 28.03.2024 | Продуктовый подход к pet-проекту или как я разработал музыкальное веб-приложение | Что будет, если соединить любовь к музыке и к разработке? В моем случае получился pet-проект по созданию музыкального стримингового веб-приложения. Меня зовут Андрей, я работаю frontend-разработчиком в компании «КОРУС Консалтинг». И сейчас ... |
| 06.03.2024 | Анатомия StyleX | Hello world!
По данным 2023 JavaScript Rising Stars библиотека StyleX заняла второе место в разделе Styling / CSS in JS (первое место вполне ожидаемо занял TailwindCSS).
stylex — это решение CSS в JS от Facebook, которое недавно стало откры... |
| 26.02.2024 | Новые клиентские хуки React 19 | Вопреки распространенному мнению, основная команда разработчиков React занимается не только серверными компонентами React и Next.js. В следующей версии — React 19 — появятся новые клиентские хуки. Они сфокусированы на двух ключевых аспектах... |
| 28.01.2024 | Переход с Vue-CLI на Vite: ускоряем разработку Vue 3 | Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных прило... |
| 24.01.2024 | Как уменьшить размер бандла раз и навсегда: приемы, метрики, мониторинг | Зачем нужна эта статья?
Всем привет, меня зовут Семён, в своей работе, я, в основном, занимаюсь такими вещами, как улучшение перформанса фронтенда, поддержкой и развитием инфраструктуры фронта, Developer Experience. Последние полгода мой фо... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 12.12.2023 | Как автоматизировать использование дизайн токенов с помощью Stylelint и PostCSS | Привет, Хабр!
Меня зовут Саша и вот уже 7 лет я работаю фулстек разработчиком и пишу на C# и TypeScript/React.
Сегодня я хотел бы поделиться своим небольшим успехом в автоматизации. В какой-то момент я понял, что во время код ревью указываю... |
| 01.12.2023 | Atomic CSS здорового человека | Перевод статьи «Reimagine Atomic CSS» двухлетней давности одного из членов команды Vue core Anthony Fu, автора UnoCSS, в которой обсуждается концепция Atomic CSS, плюсы и минусы Tailwind и Windi.
Первая часть.Что такое Atomic CSS?
Для начал... |
| 28.11.2023 | План «Барбаросса» от Vue.js | После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, о... |
| 19.10.2023 | Как потратить дни, чтобы сэкономить секунды: продвинутые коммиты в GitLab | Коммит изменения в GitLab — фоновый и рутинный процесс, на который никто не закладывает рабочего времени. Но в нем есть действия, которые съедают 18 секунд при каждом коммите. 10 коммитов — уже 3 минуты за день и 15 — за неделю. Да, немного... |
| 29.09.2023 | Пристальный взгляд на отладку JavaScript приложений | Всем привет!
Меня зовут Паша Востриков, я делаю на JS/TS много разного в «Лаборатории Касперского»: фронт, облачные сервисы (Node.js), штуки для коробочной поставки (OnPrem), платформенные компоненты и библиотеки. И, конечно же, Open Source... |
| 03.08.2023 | Для тех, кто ещё думает о переходе на vue 3 | Всем привет! Мы ИТ-компания BSL - технологический партнер в продуктовой разработке и интеграции. И это наш первый обзорный материал для хабра-блога. В BSL мы успешно разрабатываем фронтовую часть проектов как с использованием старой версии ... |
| 27.07.2023 | Как работает Zustand | Hello world!
Zustand (читается как "цуштанд", что переводится с немецкого как "состояние") — это, на мой взгляд, один из лучших на сегодняшний день инструментов для управления состоянием приложений, написанных на React.
... |
| 30.06.2023 | Zod: Типизация и валидация Вашего .env (Vite + React и не только) | Введение
Нередко в проектах необходимо заводить переменные окружения (environment variables). Существует много способов сделать это. Например, указать переменную "inline", как MY_VAR="my value" node index.js или обозначи... |
| 15.05.2023 | Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза | Всем привет, меня зовут Фёдор — я руководитель фронтенд-разработки на проекте Smartbot Pro в компании KTS.
Наш проект — конструктор ботов для социальных сетей, в котором алгоритм бота представлен в виде визуального графа. Конструктор включа... |
| 04.04.2023 | Знакомьтесь, tRPC | Hello, world!
В этом туториале мы разработаем простое типобезопасное (typesafe) клиент-серверное (fullstack) приложение с помощью tRPC, React и Express.
tRPC — позволяет разрабатывать полностью безопасные с точки зрения типов API для клиент... |
| 28.03.2023 | Ionic Capacitor Vite, Vue (в 4-х частях) | 1. Как создать мобильное приложение с помощью Vite, Vue и Ionic Capacitor за 8 минут, включая пояснения
Capacitor — это нативный рантайм с открытым исходным кодом для создания приложений Web Native. Создавайте кроссплатформенные iOS, Androi... |
| 21.03.2023 | React: интересная схема работы с формами | Hello, world!
В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для... |
| 20.03.2023 | Создание простого SPA на VueJs с использованием CMS Strapi | Введение
Данное руководство составлено на основе некоторого опыта, который был получен из книг и официальной документации. Вашему вниманию будет представлено 2 варианта написания простых в поддержке сайтов на Vue.js (с использованием backen... |
| 14.03.2023 | Встраивание WebGL в HTML-страницу с помощью Three.JS | demo, github
Приветствую! Я Алексей, frontend‑разработчик в SimbirSoft. Вы, возможно, видели потрясающие веб‑сайты, представленные на www.awwwards.com. Это онлайн‑каталог лучших веб‑сайтов, который оценивает и награждает творческие и иннова... |
| 06.03.2023 | Тестируйте свои React-компоненты с помощью Nightwatch и Testing Library | Взгляд на популярную Testing Library с Nightwatch — и многое другое
Nightwatch + Testing Library
Мы создадим подробный пример проекта React с Vite, а затем воспользуемся Nightwatch и Testing Library для тестирования этих компонентов. Мы исп... |
| 02.03.2023 | Работаем с таблицами с помощью React Table | Привет, друзья!
В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table.
React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данны... |
| 21.02.2023 | Что должен уметь Frontend разработчик в 2023 году (+Roadmap) | Ситуация на рынке IT
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов,... |
| 12.01.2023 | Краткий обзор Bun — новой среды выполнения JavaScript | Привет, друзья!
В этой статья я немного расскажу вам о Bun — новой среде выполнения JavaScript-кода.
Обратите внимание: Bun — это экспериментальная штуковина, поэтому использовать ее для разработки производственных приложений пока не рекоме... |
| 21.12.2022 | JavaScript: замена фона видео и реализация интересных эффектов на основе координат лица в реальном времени | Привет, друзья!
Я продолжаю изучать MediaPipe — библиотеку с открытым исходным кодом от Google, предоставляющую "кроссплатформенные и кастомизируемые решения на основе машинного обучения для работы с медиа", и в этой статье хочу р... |
| 07.12.2022 | React: работа с 3D-графикой | Привет, друзья!
В данном туториале я покажу вам самый простой и быстрый, хотя и не очень оптимальный с точки зрения размера сборки, способ рендеринга 3D-объектов и моделей в React.
Мы решим 3 интересные задачи:
рендеринг самописного 3D-объе... |
| 06.12.2022 | Создание плагина с Vite | Зачем создавать плагин Vite?
Вам когда-нибудь требовались дополнительные возможности от конфигурации Vite, например, преобразование кастомного расширения, т.е., index.mycustomextension в index.js? Или преобразование markdown в JSX?
Плагин V... |
| 28.11.2022 | React: решение интересной практической задачи | Привет, друзья!
В данном туториале я хочу поделиться с вами опытом решения одной интересной практической задачи.
Предположим, что у нас имеется страница сравнения товаров. На этой странице отображается слайдер с карточками товаров и таблица... |
| 09.11.2022 | JavaScript: управление содержимым веб-страницы с помощью жестов | Привет, друзья!
Еще недавно управление содержимым веб-страницы с помощью жестов можно было наблюдать разве что в фантастических фильмах. Сегодня все, что для этого требуется — видеокамера и браузер (и библиотека от Google).
В данном туториа... |
| 07.11.2022 | Монорепозиторий на обед | В прошлой статье я рассказывал про библиотеку компонентов и утилит handy-ones. Я задумал её не только чтобы делиться с сообществом своими наработками на постоянной основе, но главное - чтобы понять, как должен выглядеть, собираться, тестиро... |
| 25.10.2022 | «Рабочие места» для цифровых кочевников: реализация фронтэнда | Карта Кипра с "рабочими местами" для цифровых кочевников
Продолжение рассказа про разработку pet-проекта о кафе и коворкингах на солнечном Кипре. «Рабочие места» для цифровых кочевников ヽ(。_°)ノ
В первой части я рассказал про REST ... |
| 25.10.2022 | OpenSource на завтрак | Делиться своими идеями с сообществом - хорошо и полезно. Это позволяет развиваться, перенимать лучшие практики, исследовать новые инструменты, учиться оформлять свои решения. Но какой код стоит выносить в общий доступ? И как делать это на п... |
| 21.10.2022 | JavaScript: редко используемые, но полезные API | Привет, друзья!
В продолжение разговора, начатого в этой статье, хочу рассказать вам еще о некоторых API, которые редко встречаются в "дикой природе", но могут оказаться весьма полезными в "пограничных ситуациях":
Beacon... |
| 07.10.2022 | JavaScript: малоизвестные, но полезные API | Привет, друзья!
Представляю вашему вниманию перевод этой замечательной статьи, посвященной 4 малоизвестным API, которые в некоторых ситуациях могут оказаться весьма полезными:
Page Visibility API;
Web Share API;
Broadcast Channel API;
Inter... |
| 04.10.2022 | Разрабатываем библиотеку компонентов с помощью React и TypeScript | Привет, друзья!
В этой статье я покажу вам, как начать разработку библиотеки компонентов с помощью Vite, React, TypeScript и Storybook.
Мы разработаем библиотеку, состоящую из одного простого компонента — кнопки, подготовим библиотеку к пуб... |
| 12.09.2022 | TypeScript в деталях. Часть 2 | Привет, друзья!
Представляю вашему вниманию перевод еще нескольких статей из серии Mastering TypeScript, посвященных углубленному изучению TypeScript.
TypeScript в деталях. Часть 1
Заметка о Mapped Types и других полезных возможностях совре... |
| 28.07.2022 | Языковая модель GPT-3 умеет объяснять код — рассказываем, как это можно использовать | За два года с момента релиза GPT-3 эту языковую модель использовали в множестве интересных задач — например, для сочинения поэзии, написания футурологических эссе и подготовки научных статей. Но как алгоритм обработки естественного языка мо... |
| 22.07.2022 | Прагматичная разработка-2 | За один день кофеен стало больше
Продолжение разработки простого проекта про specialty-кофейни на Кипре. В первой части я рассказал про API микросервис, теперь расскажу про фронтэнд-сайт и в финальной статье - про телеграм-бота.
Код проекта... |
