react

  • ХабрахабрФото Костыли из 90-х и принцип HTML First

    Костыли из 90-х и принцип HTML First

    Кадр из презентации Frontmania 2022: Kilian Valkhof — Stop using JavaScript for that Недавно на Хабре публиковался перевод статьи «Вам не нужен для этого JavaScript» с примерами, где код JS легко заменить на HTML. На самом деле возврат к основам HTML, простым сайтам и читаемому коду без сложных фреймворков — довольно популярная идея. Сейчас всё больше сайтов создаётся по принципу HTML…

    Читать далее »
  • ХабрахабрФото Причины говнокода во фронтенде. Мнение мимокрокодила

    Причины говнокода во фронтенде. Мнение мимокрокодила

    Дисклеймер Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем... Откуда есть пошли SPA Как известно, изначальной задачей JavaScript было обеспечение интерактивности на HTML-странице, и…

    Читать далее »
  • ХабрахабрФото Дизайн-система Gravity UI: как легко построить свой интерфейс

    Дизайн-система Gravity UI: как легко построить свой интерфейс

    Всем привет, я Алексей Сизиков, руководитель отдела User Experience в Yandex Cloud. В этой статье я хочу поделиться новостью: мы выпустили нашу дизайн-систему и библиотеку компонентов Gravity UI в опенсорс.  С помощью библиотеки компонентов Gravity UI можно строить современные интерфейсы. В неё входит: набор базовых React-компонентов; библиотека-конструктор для лендингов; подробные гайды по использованию компонентов; библиотека в Figma;  набор готовых иконок, в…

    Читать далее »
  • ХабрахабрФото [Перевод] Почему я не буду использовать Next.js

    [Перевод] Почему я не буду использовать Next.js

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

    Читать далее »
  • ХабрахабрФото React 18: что поменялось

    React 18: что поменялось

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

    Читать далее »
  • ХабрахабрФото [Перевод] Нарушая правила: как я выбросил 10-месячный проект после 2 месяцев в должности

    [Перевод] Нарушая правила: как я выбросил 10-месячный проект после 2 месяцев в должности

    Когда я принял управление командой, её участники находились на 8-м месяце реализации 3-месячного проекта по перезапуску коммерческого сайта компании. Спустя два месяца ведения этой команды, я решил отказаться от всего достигнутого и начать сначала. Это история о том, почему я это сделал, как, и что в итоге получилось. Перезапуск нашего сайта преследовал одну цель: обеспечить быструю отрисовку на стороне сервера.…

    Читать далее »
  • ХабрахабрФото Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV

    Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV

    В декабре 2021 года под новогодние праздники в приложении Кинопоиска для SmartTV появился раздел с Яндекс Музыкой. Он позволил пользователям на телевизорах открывать новые для себя треки в Моей волне, включать популярные подборки и слушать собственную коллекцию на телевизорах. При создании этого раздела я впервые столкнулась с миром SmartTV. Не каждый фронтендер встречает в своей практике подобные задачи, даже несмотря…

    Читать далее »
  • ХабрахабрФото Скажи что-нибудь на разрабском, Figma

    Скажи что-нибудь на разрабском, Figma

    или Первый контакт с внедезайнерским разумом Привет! С вами Виктор 👺, тэнгу‑хранитель одной из дизайн‑систем Ozon. В июне 2023 года Figma выкатила мощное обновление, во многом ориентированное на разработчиков. Точнее на поиск общего языка между проектировщиком и программистом. Я давно занимаюсь дизайн‑системами и знаю как тесно связан дизайн и код. Насколько взаимопонимание между дизайнером и разработчиком ускоряет доставку продукта до пользователя. Однако, кое‑где у нас порой, отношения дизайнера и разраба…

    Читать далее »
  • ХабрахабрФото Zod: Типизация и валидация Вашего .env (Vite + React и не только)

    Zod: Типизация и валидация Вашего .env (Vite + React и не только)

    Введение Нередко в проектах необходимо заводить переменные окружения (environment variables). Существует много способов сделать это. Например, указать переменную "inline", как MY_VAR="my value" node index.js или обозначить источник командой source. Некоторые фреймворки имеют даже целые отдельные пакеты для формирования переменных окружения (прим. nest.js). Но чаще всего за годы работы в сфере фронтенд-разработки мне приходилось работать со способом, который подразумевает содержание .env…

    Читать далее »
  • ХабрахабрФото React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом

    React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом

    Задача Необходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом. Условия Cуффикс не должен подмешиваться к самому значению инпута, т.e. чтобы мы на каждый change эвент не брали строку и не отделяли этот суффикс, а потом все снова складывали Суффикс во время ввода должен всегда быть виден Суффикс может быть…

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


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