ReactJS

  • ХабрахабрФото [Перевод] Подробно о том, как работают React Server Components

    [Перевод] Подробно о том, как работают React Server Components

    React Server Components (RSC) — интересная новая фича в React. Есть вероятность, что в ближайшем будущем она сильно повлияет на скорость загрузки страниц, размер бандлов и то, как мы будем писать приложения на React. Мы в Plasmic (место работы автора) делаем визуальный конструктор для React и очень заботимся о производительности. Многие из наших клиентов используют Plasmic для создания маркетинговых сайтов…

    Читать далее »
  • ХабрахабрФото Попытки SЕО оптимизации кода на NextJS

    Попытки SЕО оптимизации кода на NextJS

    Начинаем с чистой головой Мой вывод - если нужно гнаться за sео, то NextJS (React) не выбор. Мой предел - 90-93 perfomance по оценке lighthouse. Предложение - NuxtJS (Vue.js). И вот почему я считаю что это не случайностью: Рисунок 1 - Perfomance, по оценки Lighthouse, сайтов написанных на NextjsРисунок 2 - Perfomance, по оценки Lighthouse, сайтов написанных на Nuxtjs Здесь…

    Читать далее »
  • ХабрахабрФото Создаем свой React с рендером и useState за 30 минут

    Создаем свой React с рендером и useState за 30 минут

    Понимание работы процессов приходит с изучением механизмов, которые приводят в движение мелкие части большого пазла. Если представить, что Вам дали задачу объяснить, что такое React за полчаса, скорее всего, Вы бы выбрали один из двух вариантов: пересказать все то, что изложено на первой странице официальной документации reactjs.org либо прокомментировать каждый из импортов в репозитории react Разумеется, можно попробовать скомбинировать оба…

    Читать далее »
  • ХабрахабрФото Эпоха красивого кода прошла. Пришло время быдлокода

    Эпоха красивого кода прошла. Пришло время быдлокода

    Я работаю программистом 12 лет. Последние 2 года в мобильной разработке, а до этого php со всей своей экосистемой, фронт-энд - по мере необходимости. И проблема конфликта между красотой кода и быстротой реализации новых фич давно меня занимала. Раньше были разговоры и даже холивары на эту тему. Однако сегодня поднимать этот вопрос уже моветон. И вот конкретный пример. Для мобильной…

    Читать далее »
  • ХабрахабрФото Docker: заметки веб-разработчика. Итерация третья

    Docker: заметки веб-разработчика. Итерация третья

    Привет, друзья! Продолжаю делиться с вами заметками о Docker. Заметки состоят из 4 частей: 2 теоретических и 2 практических. Если быть более конкретным: В этой части мы разработаем простое приложение, состоящее из трех сервисов и базы данных, а в заключительной — "контейнеризуем" его. Репозиторий с кодом приложения. Если вам это интересно, прошу под кат. Подготовка и настройка проекта Предполагается, что…

    Читать далее »
  • ХабрахабрФото Мой опыт с Webpack 5 Module Federation

    Мой опыт с Webpack 5 Module Federation

    Всем привет. Меня зовут Михаил, я - фронтенд-разработчик в Лиге Цифровой Экономики. В последнее время я пробую себя в должности руководителя направления фронтенд-разработки, однако я хочу с вами поделиться опытом разработки приложения с применением Webpack Module Federation, о том, какие задачи приходилось решать и проблемы, которые возникли на этом пути. Не буду вдаваться в теорию о микрофронтах и module federation,…

    Читать далее »
  • ХабрахабрФото Почему же всё-таки React, а не Angular

    Почему же всё-таки React, а не Angular

    Привет, читатели Хабра. Решил написать пост о том как мой выбор вэб фреймворкабиблиотеки пал именно на React. Это лично моё субъективное мнение и найдутся многие, кто с этим не согласен. Программировать я начал в 2006 году. Нет, конечно ещё году в 1999, помню, игрался с Delphi, ну там аналоговые часы, блокнот, наподобие тому, что в Винде, видеоплейер с плейлистом (тогда…

    Читать далее »
  • ХабрахабрФото Экосистема React в 2022 году

    Экосистема React в 2022 году

    В данной статье мы рассмотрим текущее состояние экосистемы React, а также какие инструменты и библиотеки нам необходимы чтобы покрыть все основные кейсы для успешной разработки приложения. Мы рассмотрим язык, библиотеки для различных use-кейсов и инструменты которые удобны, полезны, а иногда и необходимы для разработки фронтенда в 2022 году. Считаю, что статья будет полезна как новичкам, которые хотят понимать, что им…

    Читать далее »
  • ХабрахабрФото React. Лёгкий способ бросить курить

    React. Лёгкий способ бросить курить

    Писать кнопочки и формочки на React - дело не хитрое. Но почти всегда фронтовые проекты превращаются в нечто трудночитаемое и едва ли поддерживаемое. Визуально различия проектов на React и JQuery со временем сохраняются, а вот developer experience с точки зрения трудозатрат на поддержку становится примерно одинаковым. За лесом кнопок, эффектов и пропсов не разглядеть сценария JavaScript на то и script,…

    Читать далее »
  • ХабрахабрФото Что нового в react-router v6

    Что нового в react-router v6

    Совсем недавно состоялся релиз 6-ой версии react-router. Вообще создатели react-router часто меняют подходы, используемые в библиотеке, но в этот раз они объединили лучшее, что было в прошлых версиях. В статье приведу краткий обзор того, что поменялось. Поиграть с новой версией можно тут. Switch → Routes Вместо компонента Switch теперь появился компонент Routes. Но это не просто переименование — Routes более…

    Читать далее »


Кнопка «Наверх»