react
-
Хабрахабр
Костыли из 90-х и принцип HTML First
Кадр из презентации Frontmania 2022: Kilian Valkhof — Stop using JavaScript for that Недавно на Хабре публиковался перевод статьи «Вам не нужен для этого JavaScript» с примерами, где код JS легко заменить на HTML. На самом деле возврат к основам HTML, простым сайтам и читаемому коду без сложных фреймворков — довольно популярная идея. Сейчас всё больше сайтов создаётся по принципу HTML…
Читать далее » -
Хабрахабр
Причины говнокода во фронтенде. Мнение мимокрокодила
Дисклеймер Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем... Откуда есть пошли SPA Как известно, изначальной задачей JavaScript было обеспечение интерактивности на HTML-странице, и…
Читать далее » -
Хабрахабр
Дизайн-система Gravity UI: как легко построить свой интерфейс
Всем привет, я Алексей Сизиков, руководитель отдела User Experience в Yandex Cloud. В этой статье я хочу поделиться новостью: мы выпустили нашу дизайн-систему и библиотеку компонентов Gravity UI в опенсорс. С помощью библиотеки компонентов Gravity UI можно строить современные интерфейсы. В неё входит: набор базовых React-компонентов; библиотека-конструктор для лендингов; подробные гайды по использованию компонентов; библиотека в Figma; набор готовых иконок, в…
Читать далее » -
Хабрахабр
[Перевод] Почему я не буду использовать Next.js
Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбрать. Существует множество «современных» фреймворков. И даже если сейчас перед вами этот выбор не стоит, вы можете задуматься, освоением какого лучше заняться, чтобы повысить свои профессиональные качества…
Читать далее » -
Хабрахабр
React 18: что поменялось
React — одна из самых популярных JavaScript-библиотек для создания пользовательских интерфейсов. В её новой версии произошли значительные изменения, и сейчас я расскажу про самые важные. React 18 теперь умеет существенно лучше работать с приложениями, содержащими большие данные. С помощью концепции виртуального DOM и нового инструмента — параллельного рендеринга — React эффективно обновляет только необходимые компоненты при изменениях, и это даёт…
Читать далее » -
Хабрахабр
[Перевод] Нарушая правила: как я выбросил 10-месячный проект после 2 месяцев в должности
Когда я принял управление командой, её участники находились на 8-м месяце реализации 3-месячного проекта по перезапуску коммерческого сайта компании. Спустя два месяца ведения этой команды, я решил отказаться от всего достигнутого и начать сначала. Это история о том, почему я это сделал, как, и что в итоге получилось. Перезапуск нашего сайта преследовал одну цель: обеспечить быструю отрисовку на стороне сервера.…
Читать далее » -
Хабрахабр
Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV
В декабре 2021 года под новогодние праздники в приложении Кинопоиска для SmartTV появился раздел с Яндекс Музыкой. Он позволил пользователям на телевизорах открывать новые для себя треки в Моей волне, включать популярные подборки и слушать собственную коллекцию на телевизорах. При создании этого раздела я впервые столкнулась с миром SmartTV. Не каждый фронтендер встречает в своей практике подобные задачи, даже несмотря…
Читать далее » -
Хабрахабр
Скажи что-нибудь на разрабском, Figma
или Первый контакт с внедезайнерским разумом Привет! С вами Виктор 👺, тэнгу‑хранитель одной из дизайн‑систем Ozon. В июне 2023 года Figma выкатила мощное обновление, во многом ориентированное на разработчиков. Точнее на поиск общего языка между проектировщиком и программистом. Я давно занимаюсь дизайн‑системами и знаю как тесно связан дизайн и код. Насколько взаимопонимание между дизайнером и разработчиком ускоряет доставку продукта до пользователя. Однако, кое‑где у нас порой, отношения дизайнера и разраба…
Читать далее » -
Хабрахабр
Zod: Типизация и валидация Вашего .env (Vite + React и не только)
Введение Нередко в проектах необходимо заводить переменные окружения (environment variables). Существует много способов сделать это. Например, указать переменную "inline", как MY_VAR="my value" node index.js или обозначить источник командой source. Некоторые фреймворки имеют даже целые отдельные пакеты для формирования переменных окружения (прим. nest.js). Но чаще всего за годы работы в сфере фронтенд-разработки мне приходилось работать со способом, который подразумевает содержание .env…
Читать далее » -
Хабрахабр
React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом
Задача Необходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом. Условия Cуффикс не должен подмешиваться к самому значению инпута, т.e. чтобы мы на каждый change эвент не брали строку и не отделяли этот суффикс, а потом все снова складывали Суффикс во время ввода должен всегда быть виден Суффикс может быть…
Читать далее »