| Date | Title | Description |
| 24.10.2024 | Family Frontend Meetup #3 | Автогенерация функций выборки данных с помощью Orval, переработка логики оптимизации изображений с заменой нашего компонента Picture, обновления Next.js 15 и небольшой бонус – наш топ библиотек, которые упростят поддержку и разработку вашег... |
| 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... |
| 23.10.2024 | Как Vercel микрофронтенды внедрила | Основной веб-сайт Vercel, некогда являвшийся единым крупным сайтом Next.js приложение, обслуживающее как посетителей нашего веб-сайта, так и панель управления для входа в систему. Но по мере того, как компания Vercel росла, в этой системе п... |
| 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 прямо внутри веб-приложения, нативно, с типами и полной поддержкой от фреймворка... |
| 17.10.2024 | Создание простой CRM на Next.js и Prisma для B2B | интерфейс "дела"Введение
Мой опыт работы в продажах в различных компаниях многому меня научил. Одним из ключевых инструментов, без которого невозможен эффективный процесс продаж, является CRM-система. Для руководителей и менеджеро... |
| 08.10.2024 | Что нас ждет в Next.js 15: обзор заявленных новинок | Привет, на связи Майя из Spectr. Сегодня я поделюсь обзором последней, пятнадцатой версии Next.js. В статье мы разберем интересные улучшения: React Compiler, улучшенные сообщения об ошибках гидрации в ‘use-client’, исправление поведения кэш... |
| 06.10.2024 | Vike — современный SSR-фреймворк | Всем привет. Я являюсь ведущим frontend-разработчиком компании 21Yard. Мы разрабатываем сервис для поиска строительных подрядчиков.
На проект я пришел желторотым масленком, который мало смыслил в seo-продвижении продукта, но жизнь внесла св... |
| 05.10.2024 | The Cloud Journey: From Plumbing to Programming | In the world of technology, stories of transformation often shine the brightest. One such tale is that of Daniel Singletary, a former plumber who navigated the turbulent waters of career change to become a cloud developer. His journey is no... |
| 05.10.2024 | Многопоточность в NextJS: как запустить и нужно ли? | На определённом этапе своей карьеры я задался вопросом: может ли Next.js работать в многопоточном режиме? Оказалось, что нет. Это побудило меня разобраться, как можно организовать многопоточную работу Next.js и насколько это оправдано для с... |
| 03.10.2024 | Книга: «Паттерны проектирования JavaScript» | Привет, Хаброжители!
Раскройте потенциал паттернов проектирования JavaScript. Найдите структурированные решения распространенных задач разработки, пригодные для многократного использования и повышающие масштабируемость, производительность и... |
| 02.10.2024 | Путешествие по Next.js: от ошибок с not-found до форка next-runtime-env | Недавно столкнулся с интересным багом в Next.js. Если на странице not-found делать навигацию через router.push(pathname), теряются все переменные окружения, которые мы инициализируем через библиотеку next-runtime-env (значение window.__ENV ... |
| 25.09.2024 | Что нового в React 19 | React 19 на подходе. Команда React анонсировала предрелизную версию React 19 в апреле. Это крупное обновление принесет с собой ряд улучшений и новых паттернов, нацеленных на повышение производительности, удобство использования и опыта разра... |
| 25.09.2024 | Как сочетать Next.js и Go: основы | Привет, Хабр!
В современной веб-разработке перед разработчиком в основном стоит задача создать приложения, которые не только быстро загружаются, но и дают плавный пользовательский опыт. Сочетание Next.js и Go предлагает мощное решение для э... |
| 23.09.2024 | В среду выполнения JavaScript и TypeScript Bun 1.1.28 добавлена поддержка вызова кода на языке C | В обновлении среды выполнения JavaScript и TypeScript Bun 1.1.28 разработчики проекта добавили экспериментальную возможность компиляции и выполнения обработчиков, написанных на языке C.
По информации OpenNET, ранее в этом проекте для вызова... |
| 22.09.2024 | Создал свой IT-стартап и выиграл грант на миллион рублей | Я прошел путь от переводчика в Китае до создания собственного стартапа.
В этой статье расскажу про идею стартапа, смену трёх CTO и команд за год, предложение инвестиций, продажи и выигрыш гранта на миллион рублей.
Выступление на акселератор... |
| 19.09.2024 | Дело было вечером или Создаем веб-приложение за 5 часов | Привет, друзья!
В этой небольшой заметке я хочу рассказать вам о том, как я разработал игру с вопросами по JavaScript за один вечер, потому что, во-первых, мне было скучно :D, во-вторых, мне стало интересно, как быстро я смогу "запилит... |
| 18.09.2024 | The Frontend Frontier: Navigating the Web's Visual Landscape | In the vast digital universe, the frontend is the face of the web. It’s what users see and interact with. But how does it all come together? Understanding the mechanics behind frontend development is like peeling an onion—layer by layer, it... |
| 18.09.2024 | Издательство Питер. Колонка редактора, сентябрь 24 г | Привет, Хаброжители!
Предлагаем ознакомиться с краткими обзорами новинок, отправленных в типографию.
Паттерны проектирования JavaScript
Автор(ы): Ди Франческо У.
Раскройте потенциал паттернов проектирования JavaScript. Найдите структурирова... |
| 15.09.2024 | Использование стандарта ES5 в Интернете | Стандарт Ecmascrpit
В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сай... |
| 13.09.2024 | Next.js + Playwright. Как мы начали писать автотесты и что из этого вышло | Привет! Меня зовут Данила, я фронтенд-тимлид в KTS.
В этой статье я поделюсь с вами нашим опытом внедрения автотестов на одном из боевых проектов. Расскажу, с какими задачами мы столкнулись, почему решили взяться за автотестирование и какие... |
| 01.09.2024 | Streamlining User Experience: Lessons from the Tyumen Thermal Resort | In the digital age, user experience (UX) is the lifeblood of any service. A seamless experience can turn a casual visitor into a loyal customer. This principle was put to the test at the Tyumen thermal resort, LetoLeto, where the need for a... |
| 01.09.2024 | Cultivating Your Digital Garden: A Guide to Note-Taking and Idea Growth | In the digital age, the art of note-taking has evolved. It’s no longer just about jotting down thoughts. It’s about cultivating a digital garden. This concept transforms the way we view our notes, turning them into living entities that grow... |
| 30.08.2024 | Цифровой сад | Тема ведения заметок остается актуальной и по сей день. Мы знаем, какую пользу это приносит автору. Знакомы с различными подходами к ведению заметок. Известны инструменты, которые можно использовать, и у нас есть выбор. Представьте, что вы ... |
| 29.08.2024 | SPA приложение, без JS фреймворков и потери SEO в Bitrix | Покажу как просто и удобно можно сделать главную фишку SPA - плавный и бесшовный переход между страницами в Bitrix без тонны JS кода. Ну и самое главное без потери SEO.
Принцип работы будет похож немного на Next.js / Nuxt.js - где первую ст... |
| 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 много общего, между веб-платформой и нативными приложениями существуют некоторы... |
| 04.08.2024 | Navigating the Waters of Modern Web Development: A Dive into Feature-Sliced Design and FastAPI | In the ever-evolving landscape of web development, methodologies and frameworks emerge like waves, each promising to streamline processes and enhance productivity. Two such innovations are Feature-Sliced Design (FSD) and FastAPI. Each serve... |
| 02.08.2024 | Как мы приготовили Feature-Sliced Design в VK | Всем привет! Меня зовут Дмитрий, я Frontend-разработчик в VK. В этой статье расскажу немного о том, как мы знакомились с архитектурой FSD (Feature-Sliced Design), как мы рефакторили свой проект под неё. И, самое главное, что из этого вышло.... |
| 27.07.2024 | Navigating the Frontend Jungle: A Guide to JavaScript Frameworks | In the world of web development, choosing the right JavaScript framework is like picking the right tool from a toolbox. Each tool has its strengths and weaknesses. Today, we’ll explore three heavyweights: React, Angular, and Vue. Each has c... |
| 26.07.2024 | Выбор JavaScript фреймворка: Сравнение React, Angular и Vue Глазами Разработчика | React - конечно самый качокВведение
В мире фронтенд-разработки существует множество различных фреймворков, которые помогают сделать процесс создания веб-приложений более удобным и эффективным. Я являюсь частью этого мира уже более 4-х лет, ... |
| 25.07.2024 | Как разработчик систему продуктовой аналитики Posthog подключал | Когда наш продукт (протокол рекуррентных криптоплатежей на NodeJs, React) вырос, возникла необходимость подключить систему продуктовой аналитики, чтобы понимать, что и как делают наши пользователи. В статье хочу рассказать об опыте подключе... |
| 16.07.2024 | Vercel VS Edge VS Next. Что такое Vercel Edge, зачем, как и куда | Edge рантайм. Один из главных функционалов компании Vercel — компании, которая разработала и развивает next.js. Тем не менее, её влияние по edge рантайму вышло далеко за рамки её фреймворков и утилит. Edge рантайм работает и в недавно купле... |
| 15.07.2024 | Разработчик представил веб-сайт, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD | Разработчик Деннис Морелло представил онлайн-проект Windows 98 Disk Defrag Simulator, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD. На сайте defrag98.com можно посмотреть, как работала система дефрагмен... |
| 14.07.2024 | Проект «Solar Future» или передача данных с Arduino на веб-интерфейс через GSM-сеть | Промониторив много различных вакансий на позиции Backend-разработчика на HH.ru, понял, что с учебными проектами, которые предлагаются на различных IT-курсах, мне просто не выделиться на фоне тысяч(если не десятков тысяч) выпускников подобны... |
| 27.06.2024 | Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться | Привет! Я Леша Кузьмин, главный про фронтенду в AGIMA. Мы с коллегами решили суммировать наш опыт по подготовке UI-китов и сделать большую и внятную инструкцию для новичков. Во-первых, это удобно — будем давать эту статью нашим стажерам и п... |
| 26.06.2024 | Логирование во фронтенд-приложениях. Опыт Звука | Всем привет! На связи Роман Савельев, фронтенд-разработчик в команде Звука. В этой статье я хочу поделиться опытом и рассказать, как мы с командой прошли путь от хаоса до выстроенной инфраструктуры и унифицировали работу с логами в собствен... |
| 23.06.2024 | Организация структуры папок и файлов в React/Next по MVC-архитектуре | Предисловие
Доброго времени суток, коллеги! В этой статье я делюсь своим способом упорядочивания папок и файлов для проектов на React/Next. Я fullstack разработчик с 10+ лет опыта коммерческой разработки, множество стартапов разработал в ра... |
| 21.06.2024 | Tramvai — фреймворк для создания веб-приложений | 30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании.
Tramvai предназначен для создания универсальных (... |
| 20.06.2024 | На чем разработать свой стартап или с чего начать хакатон в 2024? (часть 1) | typical startup thinking about technology
Давайте попробуем собрать свой идеальный boilerplate для full-stack разработки. В статье мы будем постепенно собирать шаблон для быстрого запуска стартапов.
Сразу предупреждаю, что статья будет холи... |
| 15.06.2024 | Поясняю за React Сompiler | В 2024 году команда React готовит множество нововведений, приуроченных к выходу React 19.
Одним из таких нововведений является React Сompiler — новый JavaScript-компилятор для оптимизации вычислений. Главной целью разработчиков была оптимиз... |
| 13.06.2024 | Web-приложение с использованием fingerprint: как это работает и в чем сложность | Привет, Хабр. Меня зовут Алексей, я занимаюсь разработкой в сервисе бронирования отелей МТС Travel. Нам примерно два года, но мы быстро растем, так что наши данные стали регулярно парсить, из-за чего пришлось искать методы защиты.
В итоге м... |
| 11.06.2024 | Деплоим Next.js приложение через PM2 | Недавно мне посчастливилось развернуть Next.js на сервере с помощью PM2. Этот способ я не нашел в документации фреймворка, хотя считаю его довольно удобным, при этом гайдов по теме оказалось очень мало. Рассказываю, как всё сделать, и приво... |
| 11.06.2024 | Как из безголовой CMS сделать полноценную систему управления сайтом | Всем привет! Я Леша Кузьмин, руководитель направления Frontend в AGIMA. В этой статье мы подробно рассмотрим безголовые CMS: какие тут есть подводные камни, как быть с архитектурой проектов, интеграциями и динамическими страницами. Посмотри... |
| 08.06.2024 | Вечный покой .env: как эффективнее удалять закомиченный файл .env из Git-репозитория | арм. Բարև ձեզ , всех приветствую." data-abbr="Барев дзес">Барев дзес! На связи Гагик Антонян. Я — Frontend-разработчик и это моя первая статья на Хабре. Сегодня вы узнаете, как полноценно удалять .env, который по ... |
| 04.06.2024 | 7 раз отрежь, один релизни. А/Б тесты статических сайтов | Релиз начинается с идеи. Когда в потоке мозгового штурма приходит та самая идея, которая понравится всем пользователям и привлечёт новых клиентов. Идея презентуется команде менеджеров, маркетологов и безоговорочно поддерживается всеми.
Прор... |
| 04.06.2024 | WordPress Interactivity API: Подробное объяснение | WordPress Interactivity - это относительно новый API, который позволяет создавать декларативный фронтенд в WordPress нативно. Декларативный? Да, да, он использует тот же принцип, что React и Vue. Только тут под капотом Preact и собственные ... |
| 02.06.2024 | .NET Aspire — империя дотнета наносит ответный удар | Когда я первый раз услышал про .NET Aspire, я подумал что это какая-то очередная лажа от Майкрософта, про которую все забудут через неделю.
Особенно, учитывая какую дичь часто завозят в шарп (например те же ужасно спроектированные Primary C... |
| 22.05.2024 | Что разработчик никогда не должен делать | Я работал разработчиком более пяти лет. Это не делает меня экспертом, но я считаю, что сделал достаточно ошибок, чтобы поделиться с вами. Вот 10 вещей, которые никогда не стоит делать разработчику.1) Быть перфекционистом
Ничто не идеально, ... |
| 20.05.2024 | Создание собственного графического клиента ChatGPT с помощью NextJS и Wing | P. S:
К концу этой статьи вы создадите и развернете клиент ChatGPT с помощью Wing и Next.js.
Это приложение может запускаться локально (в локальном облачном симуляторе) или развертываться у вашего собственного облачного провайдера.Введение
... |
| 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 | Руководство по 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, только чуть-чуть в конце. ... |
| 18.04.2024 | Мультидоменный проект (мультисайт) на NextJS | Привет! Я frontend-разработчик в одной компании, занимающейся электронной коммерцией.
Не буду долго рассказывать о себе, о компании и о том, как возникла потребность написать подобный проект, сразу приступлю к описанию решения.
Представим, ... |
| 16.04.2024 | Руководство по Next.js. 1/3
Введение
Роутинг | Hello world!
Представляю вашему вниманию первую часть обновленного руководства по Next.js.
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-приложений.
Предполагается, что вы хорошо знаете JavaScript и R... |
| 07.04.2024 | Подписки на GraphQL: Почему мы используем SSE/Fetch вместо Websockets | WunderGraph предоставляет подписки GraphQL через SSE (Server-Sent Events) или Fetch (в качестве резервного варианта). В этом посте объясняется, почему мы решили выбрать этот подход и считаем его лучше, чем использование WebSockets.Что такое... |
| 05.04.2024 | Создание серверного Live Chat приложения с использованием Next.js, Fauna и WunderGraph для GraphQL Live Queries | Пошаговое руководство по созданию масштабируемого, чат-приложения реального времени с использованием серверных технологий... с небольшой помощью от NextAuth.js для входа через GitHub. Кому нужны WebSockets, когда у вас есть Live Queries? Не... |
| 04.04.2024 | 8 неочевидных уязвимостей при разработке e-commerce проекта на NextJS | Важно не забывать про безопасность при разработке. По мере усложнения сценариев и архитектуры в онлайн и екоммерс сервисах риск возникновения ошибок возрастает. Поэтому мы обучаем разработчиков основам безопасности в вебе и регулярно провод... |
| 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 пе... |
| 19.03.2024 | Кеширование next.js. Дар или проклятие | В 13 версии команда next.js представила новый подход к проектированию приложения - так называемый App Router. В 14 версии его сделали стабильным и основным для новых приложений.
App Router значительно расширяет функционал next.js - частичны... |
| 15.03.2024 | Разработка SQL Expert Bot: подробный гайд по использованию Vercel AI SDK и API OpenAI | OpenAI заложила фундамент для революции в сфере искусственного интеллекта с появлением ChatGPT, открывая новую эру в области AI, которую активно используют как отдельные люди, так и бизнес-сообщества. OpenAI даже предоставила API для разраб... |
| 12.03.2024 | Состоялся релиз WinterJS — среды выполнения JavaScript | Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API. Разработчики называют WinterJS самой быстрой средой выполнения.
WinterJS анонсировали в ок... |
| 26.02.2024 | Новые клиентские хуки React 19 | Вопреки распространенному мнению, основная команда разработчиков React занимается не только серверными компонентами React и Next.js. В следующей версии — React 19 — появятся новые клиентские хуки. Они сфокусированы на двух ключевых аспектах... |
| 14.02.2024 | Как создать YouTube GIF Maker с использованием Next.js, Node и RabbitMQ | Полный код проекта можно найти на github, а по этой ссылке посмотреть демо-версию приложения. Краткий обзорИдея
Идея приложения — дать пользователям возможность создавать GIF-файлы из видеороликов с YouTube. Для этого нужно просто указать с... |
| 14.02.2024 | Начало работы с Axum — самым популярным веб-фреймворком Rust | Когда дело доходит до выбора серверного веб-фреймворка в экосистеме Rust, можно запутаться из-за большого количества вариантов. В прошлом, лидером по популярности был Rocket, но сейчас за первенство сражаются Axum и actix-web, и Axum все бо... |
| 13.02.2024 | Больше библиотек богу библиотек или как я переосмыслил i18n [next.js v14] | Для интернационализации сделаны десятки по-своему потрясающих библиотек, такие как i18n, react-intl, next-intl. Все они отлично справляются со своей задачей - добавляют переводы в приложение или на сайт. Большинство из них проверены, отлаже... |
| 25.01.2024 | Next.js App Router. Опыт использования. Путь в будущее или поворот не туда | Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
Практически в каждом релизе я находил множество по... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 06.12.2023 | Прекратите клепать базы данных | В жизни каждого инженера-фронтендера наступает момент, когда осознаёшь: далее не обойтись без кэширования данных из API. Всё может начаться с самых невинных вещей: сохраняем предыдущую страницу с данными, чтобы кнопка «Назад» срабатывала мг... |
| 03.11.2023 | Почему я не буду использовать Next.js | Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбра... |
| 29.09.2023 | Пристальный взгляд на отладку JavaScript приложений | Всем привет!
Меня зовут Паша Востриков, я делаю на JS/TS много разного в «Лаборатории Касперского»: фронт, облачные сервисы (Node.js), штуки для коробочной поставки (OnPrem), платформенные компоненты и библиотеки. И, конечно же, Open Source... |
| 10.09.2023 | Что бы я хотел знать до переноса 50 000 строк кода на серверные компоненты React | Серверные компоненты React – это большой кусок работы. Недавно мы переосмыслили нашу документацию и устроили ребрендинг Mux. Пока мы этим занимались, мы перенесли весь материал сайтов mux.com и docs.mux.com на серверные компоненты. Так что,... |
| 17.08.2023 | Как в 1.5 раза повысить производительность фронтенда высоконагруженного интернет-магазина на Next.js | Приветствую! Меня зовут Андрей Степанов, я CTO во fuse8. Мне интересно знакомиться с опытом коллег по цеху и делиться своим. В сфере я уже больше 20 лет. В этой статье – небольшое погружение в задачу по повышению производительности крупного... |
| 08.08.2023 | Встречайте Next.js Commerce 2.0 | Эта статья — перевод оригинальной статьи "Introducing Next.js Commerce 2.0".
Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.Вступление
Сегодня мы с радостью пр... |
| 24.07.2023 | Как React 18 улучшает производительность приложения | React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.
Начнем с повторения основ "долг... |
| 10.07.2023 | Не наступил ли у React момент переписывания Angular.js на Angular? | В 2012 году Angular.js серьёзно поменял frontend-разработку. Фреймворку от Google тогда очень быстро удалось снискать популярность у разработчиков.
И вот уже буквально через два года его разработчики решили объявить о выходе новой версии по... |
| 21.06.2023 | The Getting Started with AI Stack for JavaScript | It’s hard to understand new software infrastructure technologies without using them. At least, that’s what the a16z infrastructure team has found— and because so many of us started our careers as programmers, we’re often learning by doing. ... |
| 28.05.2023 | Разработка быстрых и современных сайтов на базе Next.js, с использованием GraphQL & WordPress | Введение
Next.js - современный фреймворк на базе React.js, который значительно набирает обороты среди разработчиков и предоставляет инструменты для разных видов рендеринга страниц.
WordPress - популярная headless CMS, применяемая для различ... |
| 12.05.2023 | Самостоятельный хостинг в 2023 году | Оригинал блога, который вы сейчас читаете, имеет идеальный рейтинг PageSpeed 100 / 100. (По крайней мере, на момент написания статьи.) Это не хвастовство, а совсем наоборот. Оказывается, достичь этого вообще не трудно. Просто хостите статич... |
| 25.04.2023 | Оптимизация и продвижение сайтов на JS | Популярность JavaScript фреймворков среди разработчиков растет, и появляется все больше сайтов, использующих эти фреймворке в работе. Поэтому все больше приходится работать по SEO с такими современными сайтами, и накапливается опыт их оптим... |
| 31.03.2023 | CSR, SSG, SSR — про рендеринг приложений на примерах | Всем привет, меня зовут Хаджимурад, занимаюсь фронтенд разработкой уже 3,5 года и за это время успел поработать на многих проектах: интернет магазин, панели администрирования, проекты для университета. Сейчас работаю на проекте в банке и се... |
| 23.03.2023 | Как выбрать библиотеку стайлинга и заменить несколько дизайн-систем на одну. Часть 1 | Привет! Меня зовут Вадим Казаченко, я лид фронта дизайн-системы ВТБ. Год назад устроился в банк и получил командную задачу — построить единую библиотеку компонентов, настолько универсальную, чтобы ее можно было использовать в любом продукте... |
| 15.03.2023 | Оптимизируем изображения в HTML | Допустим, у вас есть классная страница и вы добавляете фоновое изображение:
.hero { /* 🚩 */ background-image: url('/image.png'); }
С точки зрения производительности страницы — это не лучший вариант. И на то есть несколько причин. Почему исп... |
| 07.03.2023 | Полное руководство по Remix. Часть 2 | Привет, друзья!
В этой серии статей я продолжаю рассказывать о Remix — новом фреймворке для создания клиент-серверных веб-приложений на JavaScript (React) со встроенной поддержкой TypeScript.
Remix позволяет разрабатывать так называемые PES... |
| 05.03.2023 | Пробую новые возможности Next.js 13 | Всех приветствую и желаю приятного чтения!
Next.js это fullstack фреймворк разработанный Vercel использующий последние разработки React.
Не так давно 25 октября 2022 года вышла версия 13. На данный момент последняя стабильная версия 13.2.3,... |
| 24.02.2023 | 7 Инструментов для оптимизации и ускорения React разработки | Предисловие
React - это универсальная и гибкая библиотека, которую можно использовать для создания всего, от больших SPA до компактных подключаемых модулей. Однако создание React проекта может оказаться непростой задачей, требующей бесконеч... |
| 21.02.2023 | Хранение токена доступа в сервис-воркере | Привет, друзья!
На днях прочитал эту интересную статью, посвященную различным вариантам хранения токена доступа (access token) на клиенте. Мое внимание привлек вариант с использованием сервис-воркера (service worker) (см. "Подход 4. Ис... |
| 21.02.2023 | Что должен уметь Frontend разработчик в 2023 году (+Roadmap) | Ситуация на рынке IT
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов,... |
| 17.02.2023 | Полное руководство по Remix. Часть 1 | Привет, друзья!
В этой серии статей я расскажу вам о Remix — новом фреймворке для создания клиент-серверных веб-приложений на JavaScript (точнее, на React) со встроенной поддержкой TypeScript.
Remix позволяет разрабатывать так называемые PE... |
| 08.02.2023 | Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 2. Разработка клиента | Привет, друзья!
В этой серии из 2 статей-туториалов мы с вами продолжаем разрабатывать клиент-серверное (фуллстек — fullstack) приложение с помощью Next.js и TypeScript.
Руководство по Next.js.
Карманная книга по TypeScript.
Наше приложение... |
| 24.01.2023 | Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 1. Настройка проекта и разработка сервера... | Привет, друзья!
В этой серии из 2 статей-туториалов мы с вами разработаем клиент-серверное (фуллстек — fullstack) приложение с помощью Next.js и TypeScript.
Руководство по Next.js.
Карманная книга по TypeScript.
Наше приложение будет предст... |
| 23.01.2023 | Решение проблемы с многократным запуском эффектов в React 18 | Введение
В этой статье мы рассмотрим адаптацию компонентов React 18 к много кратному монтированию и повторному вызову эффектов с повторно используемым стоянием (Reusable State). Под эффектами понимается срабатывание хуков: useEffect, useLay... |
| 17.01.2023 | Как использовать API Google Analytics | Введение
В этой статье я расскажу вам о том, как использовать API данных Google Analytics для получения данных самым простым способом. Прочитав эту статью, вы сможете с легкостью использовать это в своем проекте. Итак, без дальнейших объясн... |
| 08.01.2023 | Пять шаблонов загрузки данных для повышения быстродействия сайтов | Фреймворки вам требуются не для всего, но в случае их использования есть ряд способов, позволяющих добиться максимального быстродействия. В данной статье речь пойдёт о пяти шаблонах загрузки данных, которые при уместном применении позволят ... |
| 22.12.2022 | Использование unified для конвертирования markdown в html | Введение
В статье использована библиотека unified и экосистема плагинов для работы с markdown и html, поверхностно опишем работу с синтаксическими деревьями, создадим процессор подключив несколько плагинов для обработки контента html и mark... |
| 21.12.2022 | Несколько советов по работе с CORS для начинающих разработчиков | В этой статье мы с вами разберемся, что такое CORS, CORS-ошибки и из-за чего мы можем с ними сталкиваться. Я также продемонстрирую возможные решения и объясню, что такое предварительные (preflight) запросы, CORS-заголовки и в чем заключаетс... |