| Date | Title | Description |
| 12.02.2025 | Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера | Немного предыстории
Недавно давно я смотрел ничем не примечательный техническое интервью и услышал фразу от интервьюируемого: «Ну можно написать свой useReducer или useState». Мне врезалась эта фраза в голову, ибо я никогда в серьез не заду... |
| 05.02.2025 | Гид по IT-сообществам: форматы, особенности и очень много ссылок | Привет! Меня зовут Юля. Я разработчик интерфейсов и ментор на курсах по фронтенду, в том числе на курсе «React-разработчик» в Практикуме. Последний год я активно занимаюсь организацией профессионального сообщества Tbilisi JS в Тбилиси: мы д... |
| 26.01.2025 | Callback рефы в React: что это такое и где можно применять | Введение
При разработке у нас зачастую возникает необходимость прямого взаимодействия с DOM-элементами. Для такого случая React предоставляет нам механизм рефов (refs), который позволяет получать доступ к элементам после того, как они зарен... |
| 23.01.2025 | Техническое собеседование фронтенд-разработчика: советы от тимлида | Я Данил Соломин, лид команды фронтенд-разработки в компании-подрядчике «Газпром нефти» и ревьюер на курсе «Мидл фронтенд-разработчик» в Яндекс Практикуме. Однажды, проводя четвёртое за день собеседование на роль мидл фронтенд-разработчика, ... |
| 21.01.2025 | Navigating the Digital Frontier: The Power of React 19 in Web Development | In the ever-evolving landscape of web development, React 19 emerges as a beacon of innovation. This latest iteration of the popular JavaScript library offers developers a treasure trove of tools and features designed to streamline the creat... |
| 20.01.2025 | Рецензия на книгу “React 19. Разработка веб-приложений на JavaScript” | Книга «React 19. Разработка веб‑приложений на JavaScript» — тот нечастый случай, когда пособие по самым последним средствам разработки выходит на русском языке параллельно с англоязычными изданиями. Обычно российские издательства берут в пе... |
| 10.01.2025 | Как и зачем вы Senior? (2_финал_финал) | Недавно я опубликовал статью «Как и зачем вы Senior?», которая получила неоднозначные оценки (хоть может и весьма понятные). Какое-то время я не трогал её и перечитал позднее. Кажется, что она действительно не особо раскрывает моё видение в... |
| 29.12.2024 | The Art of Frontend Architecture: A New Approach to React Development | In the world of software development, architecture is the backbone. It shapes how teams collaborate, how code is structured, and ultimately, how projects succeed. This is especially true in frontend development with React, where a solid arc... |
| 28.12.2024 | Архитектура фронтенд-приложений на React. (Нам не нужен FSD) | Всем привет, меня зовут Павел Рожков, я lead фронтенда в компании Doubletapp. Мы занимаемся заказной разработкой, и в нашей работе над React-проектами важную роль играет наш архитектурный гайдлайн, который мы постоянно совершенствуем. Это с... |
| 13.12.2024 | Как устроен Next.js: разбираем ключевые особенности фреймворка на примере небольшого pet-проекта | На майской конференции React Conf 2024 команда React не только презентовала версию библиотеки React 19, но и рекомендовала использовать для старта новых JavaScript-проектов один из четырех фреймворков: Next.js, Remix, RedwoodJs или Expo. По... |
| 12.12.2024 | React v19: A New Era of Efficiency and Simplicity | React v19 has landed, and it’s making waves in the development community. This latest version brings a treasure trove of features designed to streamline the development process and enhance user experience. Imagine a toolbox filled with shin... |
| 10.12.2024 | Вышел React v19 | Эта статья — перевод оригинальной статьи «React v19»
Также я веду телеграм канал «Frontend по‑флотски», где рассказываю про интересные вещи из мира разработки интерфейсов.Вступление
React v19 теперь доступен на npm!
В нашем руководстве по о... |
| 06.12.2024 | Выкинь свой RoadMap: что на самом деле нужно знать начинающему фронтендеру | Сколько бы раз я ни смотрел RoadMap для начинающих фронтендеров, всегда натыкаюсь на одну проблему: RoadMap, как правило, — просто свалка технологий, которую можно описать одной фразой: "Учи всё, что есть". Но так ли это? Нужно ли... |
| 18.11.2024 | Стратегии по поиску работы и учебе | Статью планирую обновлять, в комментариях, можете присылать ваши примеры/источники которые вы бы могли рекомендовать.Размышления по теме
Если вы хотите заняться IT, первостепенной задачей я бы ставил именно поиск работы, в чем автор статьи ... |
| 29.10.2024 | Navigating the Digital Frontier: A Dive into Modern Development Frameworks | In the ever-evolving landscape of software development, choosing the right tools can feel like navigating a dense forest. Each path leads to different outcomes, and the choices can be overwhelming. This article explores the journey of a dev... |
| 28.10.2024 | Front-end глазами back-end разработчика | Немного (надеюсь) о себе
Всем привет! После учебы попал на ферросплавный завод в 2005 году, сначала "киповцем" в цех КИПиА, а позже меня перевели в службу АСУТП. Там относительная свобода в сравнении с цехом АСУП, потому что у них... |
| 23.10.2024 | Bridging the Gap: React Server Components in Electron with Next.js | In the world of web development, innovation is the lifeblood. React Server Components (RSC) have emerged as a game-changer, simplifying the way developers build applications. Imagine having server-side APIs seamlessly integrated into your w... |
| 22.10.2024 | Next.js v15 — Работа над Ошибками | Привет! Это ставшая уже регулярной рубрика о релизах next.js (читайте релизы по v11, v12, v13, v14). Каждый релиз - набор нового, интересного и спорного. Новая версия не станет исключением. Но всё же новая версия интересна не столько новым ... |
| 22.10.2024 | Как сделать React Server Components в Electron с помощью Next.js и без открытых портов | С появлением React Server Components и Server Actions разработка веб-приложений стала проще, чем когда-либо. Удобно когда у разработчика есть все серверные API прямо внутри веб-приложения, нативно, с типами и полной поддержкой от фреймворка... |
| 03.10.2024 | Что интересного в React 18 | Привет! Я Дима, фронтенд-разработчик в Surf. Сегодня рассмотрим самую популярную библиотеку для фронтенда — React. Что было в React18? Давайте узнаем!
React, разработанный Meta* (ранее Facebook*), остаётся одной из ведущих библиотек для соз... |
| 25.09.2024 | Navigating the Complexities of Go: From 4-Chan Programming to gRPC Test Coverage | In the world of programming, simplicity often hides complexity. This is especially true in Go, a language that embraces concurrency and efficiency. Two recent articles delve into the intricacies of Go programming, exploring both the whimsic... |
| 25.09.2024 | Что нового в React 19 | React 19 на подходе. Команда React анонсировала предрелизную версию React 19 в апреле. Это крупное обновление принесет с собой ряд улучшений и новых паттернов, нацеленных на повышение производительности, удобство использования и опыта разра... |
| 23.09.2024 | Визуализация покрытия автотестами для gRPC сервисов | Вступление
В данной статье хочу рассказать про инструмент измерения покрытия gRPC сервисов tests-coverage-tool, написанный на языке Golang. Основная задача инструмента — автоматическое измерение покрытия требований на основе proto контракто... |
| 15.09.2024 | Использование стандарта ES5 в Интернете | Стандарт Ecmascrpit
В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сай... |
| 01.09.2024 | The Language Server Protocol: A Game Changer for Developers | In the vast ocean of programming languages and development environments, the Language Server Protocol (LSP) emerges as a lighthouse. It simplifies the chaotic landscape of coding tools, offering a standardized way for editors and language s... |
| 29.08.2024 | React и жизнь после сборки | Бывает что на руках есть лишь «бинарная» сборка сайта на модном фреймворке вроде Angular или React, в которой «срочно надо что‑то поправить». А исходного кода нет. Есть лишь вы, «бандл» с обфрусцированным JavaScript‑кодом внутри и горящие с... |
| 28.08.2024 | Как я ускорил свое мобильное приложение BookDesk на React Native в 3 раза? | Увелчение производительности React Native приложения
Всем привет! В этом материале я поделюсь с вами практическим опытом по оптимизации своего мобильного приложения на React Native. Расскажу как ускорил свое приложение в 3 раза.
В первую оч... |
| 21.08.2024 | The Evolution of Google’s JavaScript Indexing: Myths and Realities | In the digital age, understanding how search engines like Google index web pages is crucial. The landscape of search engine optimization (SEO) is constantly shifting, much like the tides. With the rise of JavaScript-heavy applications, misc... |
| 20.08.2024 | Как Google обрабатывает JavaScript в процессе индексации веб-страниц | Понимание того, как поисковые системы изучают, рендерят и индексируют веб-страницы, имеет решающее значение для оптимизации сайтов под поисковые системы. По мере изменений в работе поисковых систем (например, Google), отслеживать, что работ... |
| 14.08.2024 | От Web к Native с React | React Native — отличный выбор для веб-разработчиков, имеющих опыт работы с React, которые хотят создать первое мобильное приложение.
Хотя у React и React Native много общего, между веб-платформой и нативными приложениями существуют некоторы... |
| 13.08.2024 | Правильный инструмент для аналитики нагрузочного тестирования | Вступление
В данной статье хочу рассказать про сервис load-testing-hub, главная задача которого это сбор, агрегация, анализ и визуализация данных о нагрузочном тестировании
Расскажу о том, какие проблемы решает сервис, как он помогает оцени... |
| 01.08.2024 | Airbnb and Vrbo Often Have Wildly Different Prices for the Same Listing. This Entrepreneur Built a Platform to Find You the Best Deal. Tech entrepreneur Justin Gordon discusses his latest venture, HiC... | In this ongoing series, we are sharing advice, tips and insights from real entrepreneurs who are out there doing business battle on a daily basis. (Answers have been edited and condensed for clarity.)
Justin Gordon is the founder of ShakaCo... |
| 30.07.2024 | Navigating the Internship Jungle: Insights from Junior Developers and Their Mentors | Internships are the gateway to the professional world. They are the bridge between academic knowledge and real-world application. Yet, stepping onto this bridge can feel daunting. Many aspiring developers face fears and uncertainties. They ... |
| 30.07.2024 | Насколько небезопасен Avast Secure Browser? | Некоторое время назад я уже изучал Avast Secure Browser. Тогда для Avast это закончилось не лучшим образом: я обнаружил критические уязвимости, позволяющие произвольным веб-сайтам заражать компьютер пользователя. Хуже того: во многом это пр... |
| 29.07.2024 | React: одна любопытная особенность порталов | Привет, друзья!
В этой небольшой заметке я хочу рассказать вам об одной интересной особенности порталов в React, которую я долгое время упускал из виду, но которая на днях привела к любопытному багу. Речь идет о том, что структурно дерево R... |
| 17.07.2024 | Искусство сетапа: автоматизируем подготовку стека под новые проекты | Привет, меня зовут Грант, я фронтенд-разработчик в KTS. В этой статье я хочу поделиться опытом заведения проектов от нашей команды.
В отделе рекламных спецпроектов мы запускаем большое количество проектов, поэтому скорость сетапа имеет для ... |
| 20.06.2024 | На чем разработать свой стартап или с чего начать хакатон в 2024? (часть 1) | typical startup thinking about technology
Давайте попробуем собрать свой идеальный boilerplate для full-stack разработки. В статье мы будем постепенно собирать шаблон для быстрого запуска стартапов.
Сразу предупреждаю, что статья будет холи... |
| 13.06.2024 | React. Обновление узлов и мемоизация | В процессе разработки современных веб-приложений производительность часто становится одним из ключевых аспектов, которые волнуют и разработчиков, и пользователей. Пользователи ожидают молниеносного отклика, а разработчики стремятся создать ... |
| 11.06.2024 | Деплоим Next.js приложение через PM2 | Недавно мне посчастливилось развернуть Next.js на сервере с помощью PM2. Этот способ я не нашел в документации фреймворка, хотя считаю его довольно удобным, при этом гайдов по теме оказалось очень мало. Рассказываю, как всё сделать, и приво... |
| 04.06.2024 | WordPress Interactivity API: Подробное объяснение | WordPress Interactivity - это относительно новый API, который позволяет создавать декларативный фронтенд в WordPress нативно. Декларативный? Да, да, он использует тот же принцип, что React и Vue. Только тут под капотом Preact и собственные ... |
| 20.05.2024 | How micro1’s AI interviewer could make tech hiring more efficient and fair | Join us in returning to NYC on June 5th to collaborate with executive leaders in exploring comprehensive methods for auditing AI models regarding bias, performance, and ethical compliance across diverse organizations. Find out how you can a... |
| 16.05.2024 | React Conf 2024. React v19 | "React 19 RC". Источник: React Conf 2024
Temp UPD: прямо сейчас проходит второй день React Conf.
Несколько часов назад завершился первый день Конференции React.js. Долгожданной конференции спустя почти 3 года после предыдущей. Не ... |
| 16.05.2024 | Разбираемся в серверных и клиентских компонентах в Next.js: когда, как и почему? | Next.js предлагает широкие возможности для создания высокопроизводительных веб-приложений. Важной частью его функциональности с появлением Next App Router являются серверные и клиентские компоненты, которые позволяют разработчикам управлять... |
| 03.05.2024 | Руководство по Next.js. 3/3
Оптимизации
Настройка
Аутентификация
Производственный чеклист | Hello world!
Представляю вашему вниманию третью и заключительную часть обновленного руководства по Next.js.
Первая часть
Вторая часть
Руководство целиком
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-... |
| 24.04.2024 | Особенности обработки native events в React.js | В данной статье рассматриваются особенности, которые связаны с обработкой нативных событий (native events) в React-приложениях. Существует проблема частичной потери контекста функционального компонента при обработке нативных событий, которы... |
| 24.04.2024 | Руководство по Next.js. 2/3
Получение данных
Рендеринг
Кеширование
Стилизация | Hello world!
Представляю вашему вниманию вторую часть обновленного руководства по Next.js.
Первая часть
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-приложений.
Предполагается, что вы хорошо знаете J... |
| 20.04.2024 | Один репозиторий, чтобы править всеми | Собираем кроссплатформенное (server-client, static-client, gh-pages, Android, iOS, macOS, Linux, Windows, Chrome extension, Docker, Kubernetes, ...) React приложение. В этой статье я почти не затрону Deep backend, только чуть-чуть в конце. ... |
| 16.04.2024 | Руководство по Next.js. 1/3
Введение
Роутинг | Hello world!
Представляю вашему вниманию первую часть обновленного руководства по Next.js.
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-приложений.
Предполагается, что вы хорошо знаете JavaScript и R... |
| 09.04.2024 | Почему вам необходим React Query | Не секрет, что я люблю React Query за то, как он упрощает взаимодействие с асинхронным состоянием в приложениях React. И я знаю, что многие коллеги-разработчики согласятся с этим.
Однако иногда я встречаю сообщения, в которых утверждается, ... |
| 07.04.2024 | Как сделать из императивного компонента — декларативный React-компонент | Иногда в своё React-приложение нужно встроить сторонний компонент, который не работает с React и часто оказывается т.е. таким, которому нужно давать команды, чтобы изменить его состояние" data-abbr="императивными">императи... |
| 07.04.2024 | Логи в файлах: написал своё приложение для просмотра структурированных логов | Не каждому проекту нужно децентрализованное логирование. В моём случае, оказалось проще хранить логи в .json файлах формата Compact Log Event Format (CLEF). Мне нужно было простое и бесплатное решение для просмотра логов.
Логотип разработан... |
| 02.04.2024 | Анатомия Htmx | Hello world!
По данным 2023 JavaScript Rising Stars библиотека htmx заняла второе место в разделе Front-end Frameworks (первое место вполне ожидаемо принадлежит React) и десятое место в разделе Most Popular Projects Overall.
htmx — это библ... |
| 16.03.2024 | Мемоизация в React: я почитал документацию вместо вас | В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo. Главный источник информации: документация React. Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в д... |
| 01.03.2024 | Насколько потолстел JavaScript к 2024 году? | Я немного отстал от современных тенденций фронтенд-разработки. Помню, были статьи на тему раздутия веб-среды, в которых писали, что средний размер страницы начал достигать нескольких мегабайтов!
И всё это время я жил с мыслью, что если сред... |
| 26.02.2024 | Новые клиентские хуки React 19 | Вопреки распространенному мнению, основная команда разработчиков React занимается не только серверными компонентами React и Next.js. В следующей версии — React 19 — появятся новые клиентские хуки. Они сфокусированы на двух ключевых аспектах... |
| 25.02.2024 | Запросы, хуки и спагетти | Привет, Хабр!
Во время разработки веб-приложений мы порой делаем запросы на сервер внутри useEffect прямо в компоненте с визуальным составляющим. Однако не всегда очевидно, что смешивание логики с интерфейсом может привести к усложнению код... |
| 22.02.2024 | Обрезать нельзя сжать. Как ускорить метрики проекта без больших вложений | Мы не раз читали на Хабре, почему важно иметь быстрые сайты, как это влияет на посещаемость, время на странице, глубину и прочее. Но каждый раз это инструкции о том, как поменять инфраструктуру серверов, потратить десятки часов на разработк... |
| 14.02.2024 | Начало работы с Axum — самым популярным веб-фреймворком Rust | Когда дело доходит до выбора серверного веб-фреймворка в экосистеме Rust, можно запутаться из-за большого количества вариантов. В прошлом, лидером по популярности был Rocket, но сейчас за первенство сражаются Axum и actix-web, и Axum все бо... |
| 08.02.2024 | VR-тур на A-Frame + React | Всем привет! Меня зовут Егор Молчанов, я разработчик в команде CRM для менеджеров ипотечного кредитования в компании Домклик. Хочу поделиться своим опытом создания VR‑тура с помощью фреймворка A‑Frame и библиотеки React. Для этого написал с... |
| 24.01.2024 | Как уменьшить размер бандла раз и навсегда: приемы, метрики, мониторинг | Зачем нужна эта статья?
Всем привет, меня зовут Семён, в своей работе, я, в основном, занимаюсь такими вещами, как улучшение перформанса фронтенда, поддержкой и развитием инфраструктуры фронта, Developer Experience. Последние полгода мой фо... |
| 16.01.2024 | Причины говнокода во фронтенде. Мнение мимокрокодила | Дисклеймер
Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого... |
| 11.01.2024 | Создание веб-приложения с использованием микрофронтендов и Module Federation | Интро
Привет! В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation.
Микрофронтенды – это подход в веб-разработке, при котором фронтенд разделяется на м... |
| 07.01.2024 | Простой production-ready генератор студийных фото продуктов | В данной статье мы рассмотрим простой пример готового к запуску в продакшн приложения с генеративным пайплайном.
Ссылка на проект на Github для особо нетерпеливых
Пример сгенерированного контентаВведение
Буквально в последние пару лет модел... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 07.12.2023 | Как мы работаем с ресурсами в веб-приложениях | Приложения, созданные на платформе 1С:Предприятие, могут быть развернуты в трёхзвенной архитектуре (Клиент – Сервер приложений – СУБД). Клиентская часть приложения может работать, в частности, как веб-клиент, в браузере. Веб-клиент – это до... |
| 06.12.2023 | Прекратите клепать базы данных | В жизни каждого инженера-фронтендера наступает момент, когда осознаёшь: далее не обойтись без кэширования данных из API. Всё может начаться с самых невинных вещей: сохраняем предыдущую страницу с данными, чтобы кнопка «Назад» срабатывала мг... |
| 05.12.2023 | Анти-легаси архитектура для UI приложений | React как чистое представление в Storybook
В предыдущих статьях мы пришли к выводу, что для того, чтобы UI-код не превращался в легаси, нам нужно отделить представление от бизнес-логики и немного иначе, чем это делают Redux и Elm, так как о... |
| 29.11.2023 | По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps | VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-пр... |
| 23.11.2023 | WebAssembly: короткий обзор ассемблера для фронтенда | В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssemb... |
| 09.11.2023 | ФП виновно в снижении стоимости программ. Вот мои доказательства, господа присяжные заседатели | Введение
Среди особенностей моего подхода к разработке у моих заказчиков, коллег и студентов наибольшее сопротивление вызывает использование Spring Data JDBC, а не [Spring Data] JPA (де-факто стандарта работы с БД на платформе Java).
Изнача... |
| 03.11.2023 | Почему я не буду использовать Next.js | Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбра... |
| 13.10.2023 | Современный junior frontend developer на двух работах уровня middle с общей ЗП 400к. Реальность ли в 2023 году? | История
Привет. Меня зовут Современный Джун и сразу отвечу на вопрос: да, реально. Как? Запасайся временем и я тебе расскажу эту историю.Начало пути
Когда-то в 2019 году, когда мне было 26 лет я впервые задумался, а как работают сайты? Тогд... |
| 03.10.2023 | Основы проектирования архитектуры простой социальной сети | Социальные сети стали неотъемлемой частью нашей повседневной жизни. Они объединяют людей, позволяют обмениваться информацией, поддерживать связь с друзьями и даже находить новых знакомых. Однако, за всеми этими возможностями стоит сложная и... |
| 20.09.2023 | Web Accessibility в рассказе «A11Y от 0 до NaN» | Немного обо мне
Я занимаюсь frontend уже 8 лет и с самого начала карьерного пути наблюдал как наш продукт рос и развивался (и я вместе с ним), формировалось frontend-сообщество, мировые web-стандарты получали второе дыхание и быстрое развит... |
| 18.09.2023 | Hello-World туториал на React/Django/RabbitMQ/Websockets | Однажды в поисках примера на React/Django я нашел на Хабре одну интересную статью. Она показалась мне полезной, и я решил дополнить пример из статьи новыми возможностями. В этом сиквеле мы добавим в веб-проект со списком студентов поддержку... |
| 10.09.2023 | Что бы я хотел знать до переноса 50 000 строк кода на серверные компоненты React | Серверные компоненты React – это большой кусок работы. Недавно мы переосмыслили нашу документацию и устроили ребрендинг Mux. Пока мы этим занимались, мы перенесли весь материал сайтов mux.com и docs.mux.com на серверные компоненты. Так что,... |
| 14.08.2023 | React starter (Webpack + Typescript + Css modules + Jest) | Webpack
Приветствую уважаемое сообщество.
Хочу поделиться своим видением сборки для быстрого старта разработки на React.
Помогает быстро запуститься, когда нужно "на скорую" войти в разработку.
Что-то я подглядел здесь же, на Хабр... |
| 11.08.2023 | «В чём причина?» — спросил Тимлид | Причина - CSS is Awesome
«В чём причина?» — такой первый вопрос я бы советовал задавать перед решением каждой ошибки и задачи.
«Вижу следствие» — в начале своего пути разработчик чаще всего стремится исправить ошибку как она есть, а не разо... |
| 01.08.2023 | Как вырасти из джуна в мидлы во фронтенде | Привет, Хабр! Меня зовут Лёша Руденко, во фронтенде уже более семи лет, сейчас работаю в финтехе. А ещё я ментор на курсе «Мидл фронтенд-разработчик» в Яндекс Практикуме. Как наставник я помогаю студентам совершить карьерный переход из джун... |
| 27.07.2023 | Как работает Zustand | Hello world!
Zustand (читается как "цуштанд", что переводится с немецкого как "состояние") — это, на мой взгляд, один из лучших на сегодняшний день инструментов для управления состоянием приложений, написанных на React.
... |
| 24.07.2023 | Как React 18 улучшает производительность приложения | React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.
Начнем с повторения основ "долг... |
| 20.07.2023 | Пишем свой Chat GPT | Интерфейс чата
В июне у OpenAI вышла новость, что в модель GPT можно передавать API сторонних приложений, что открывает широкий круг возможностей для создания специализированных агентов. Мы с командой решили написать свой чат для работы с G... |
| 10.07.2023 | Не наступил ли у React момент переписывания Angular.js на Angular? | В 2012 году Angular.js серьёзно поменял frontend-разработку. Фреймворку от Google тогда очень быстро удалось снискать популярность у разработчиков.
И вот уже буквально через два года его разработчики решили объявить о выходе новой версии по... |
| 30.06.2023 | Zod: Типизация и валидация Вашего .env (Vite + React и не только) | Введение
Нередко в проектах необходимо заводить переменные окружения (environment variables). Существует много способов сделать это. Например, указать переменную "inline", как MY_VAR="my value" node index.js или обозначи... |
| 30.06.2023 | Чек-лист фронтендера при разработке рекламного спецпроекта | Привет! Меня зовут Наташа, я фронтенд-разработчик в отделе рекламных спецпроектов KTS.
В отделе мы делаем множество сервисов в мини-приложениях VK, Одноклассниках, Телеграме, создаём лендинги. Мы делаем как краткосрочные проекты, которые мо... |
| 25.06.2023 | React: как сделать динамический суффикс в , который будет двигаться вместе с набранным текстом | Задача
Необходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом.Условия
Cуффикс не должен подмешиваться к самому значению инпута, т.e. чтобы мы на каждый change ... |
| 14.06.2023 | RSC с нуля. Часть 1: серверные компоненты | В этом техническом "глубоком погружении" (deep dive) мы с нуля реализуем очень простую версию серверных компонентов React.
Данный туториал будет состоять из трех частей (написана пока только эта).
Серьезно, это глубокое погружение... |
| 09.06.2023 | Простым языком о простом NGINX UNIT | Содержание
Введение
Что такое Nginx Unit?
Установка
Конфигурация
Слушатели
Маршрутизация
Приложения и языковые модули
Простое приложение
Сбор логов
Установка сертификатов
Возможные проблемы при работе
ЗаключениеВведение
Доброго времени суто... |
| 26.05.2023 | Реализация реактивности и компонуемости во фронтенд-фреймворке без зависимостей | Реализация реактивности и компонуемости стандартными средствами таких фреймворков, как React, Vue и прочие, несёт собой ряд сложностей, включая необходимость настройки множества зависимостей. Но этой цели также можно достичь более простым п... |
| 22.05.2023 | Рендеринг на сервере и HTMX — это будущее | Современная ситуация с разработкой веб-приложений
Сегодня пользователи ожидают от веб-приложений плавной работы без перезагрузок страниц. К сожалению, эти ожидания обычно реализуются в виде одностраничных приложений (single-page application... |
| 19.05.2023 | Делаем кастомное модальное окно для React | Без лишних слов
Хочешь меньше слов, больше кода ? Тогда можно сразу посмотреть демку codesandbox.custom-modal.
А пояснительная бригада к демке ждёт вас дальше по тексту)
Поехали!План действий
Проектируем решение
Пишем портал + тесты на порт... |
| 17.05.2023 | Делаем кастомный RadioGroup в 99 строк для React | Пишем минималистичный кастомный RadioGroup компонент для React приложения и парочку unit тестов на Jest.План действий
Общий план действий состоит из 6 этапов:
Понять, что хотим получить
Реализовать компонент Option
Написать компонент RadioG... |
| 17.05.2023 | Учимся писать сложные Typescript типы на примере роутинга в React | Вы используете TypeScript, но впадаете в ступор перед, когда видите типы в сторонних библиотеках? Generics, generic constraint, infer, rest infer, conditional и recursive types, satisfies вызывают головную боль? Мы постараемся снизить граду... |
| 15.05.2023 | Кастомный select для React | Пишем минималистичный кастомный select компонент для React приложения. Покрываем всё тестами на Jest.План действий
Общий план действий состоит из 5 этапов:
Определяем цель
Пишем компонент Select
Создаём компонент Option
Собираем всё в конте... |
| 14.05.2023 | Делаем пагинацию в React приложении | Пишем на typescript простой, переиспользуемый пагинатор для React приложения. Покрываем его тестам на Jest.План действий
Весь план действий будет состоять из 5 последовательных этапов:
Инициализируем приложение
Пишем компонент контейнер и о... |
| 01.05.2023 | Валидация форм без зависимостей | Пишем систему валидации форм для React приложений (и не только).Мотивация
Cтатья основана на практике 2х проектов, которые имели следующие условия, повлиявшие на итоговое решение по реализации фичи валидации:
полей ввода и форм было много
п... |
| 30.04.2023 | Github pages для pet проектов | Подробный гайд о том, как можно использовать github pages для своих fullstack pet проектов с бэкендом на статических файлах)
Перед стартом несколько вводных:
Каждый шаг будет сопровождён ссылкой на соответвующий коммит из ветки main в репоз... |
| 24.04.2023 | Веб-разработка: 15 материалов для самостоятельного изучения | Привет, Хабр! Мы на курсе Практикума по веб-разработке постоянно смотрим, что новенького появилось в сети для самостоятельного обучения веб-технологиям. И ресурсов в доступе довольно много. Они разнообразны и обучают современным технологиям... |
| 04.04.2023 | Знакомьтесь, tRPC | Hello, world!
В этом туториале мы разработаем простое типобезопасное (typesafe) клиент-серверное (fullstack) приложение с помощью tRPC, React и Express.
tRPC — позволяет разрабатывать полностью безопасные с точки зрения типов API для клиент... |
| 21.03.2023 | Create react app умирает? | Зайдя на официальный сайт React я не сразу понял, что произошло.
Когда мы заходим на страницу документации React в раздел установки, мы можем увидеть различные предложенные варианты установки фреймворков React, а именно Next.js, Remix, Expo... |
