react » TCSE разработка и техническое сопровождение сайтов на основе DLE (DataLife Engine)

Фронтенд-новости №5. Отказ от React, новые CSS-свойства для адаптивности и JS-контейнеры

Подборка того, что волновало фронтенд-разработку, пока все отдыхали на майских. Горячее Веб быстро развивается и уже пора переосмыслить подходы к адаптации интерфейсов. Используйте CSS-свойства, функции и значения: clamp(), min-content, max-content, fit-content, auto-fit, minmax(). Узнайте о...

11 мая 2022 0 30 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании HTML Academy, Разработка веб-сайтов, JavaScript, HTML, Node.JS, html, css, react, node.js, новости, типографика, вёрстка, шрифт, javascript,

Фронтенд-новости №4. Лучший шрифт для веба, поиск среди hidden, очередной React

Свежие новости и статьи из мира фронтенд-разработки за последнюю неделю 25 апреля–1 мая. — Сделайте так, чтобы поиск по странице работал даже в сворачиваемых элементах, с помощью атрибута hidden, но с новым значением until-found. Ждём в Google Chrome 102 и Safari 15.5. — Не успели вы попробовать...

2 мая 2022 0 37 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании HTML Academy, Разработка веб-сайтов, CSS, JavaScript, HTML, html, css, javascript, react, node, новости, типографика, вёрстка,

Фронтенд-новости №3. Node.js v18.0.0, аннотации типов в JavaScript, СSS Toggles

Дайджест новостей из мира фронтенд-разработки за последнюю неделю 18 — 24 апреля 2022. Появились первые рабочие черновики WebAssembly Core Specification 2.0 — стандарт, описывающий безопасный низкоуровневый код, WebAssembly JavaScript Interface 2.0 — стандарт взаимодействия API JavaScript с...

25 апреля 2022 0 46 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании HTML Academy, Разработка веб-сайтов, CSS, HTML, html, css, javascript, react, vue, angular, оптимизация, новости,

[Перевод] CSS :has() селектор

Вы когда-нибудь задумывались о селекторе CSS, где вы проверяете, существует ли конкретный элемент внутри родителя? Например, если у компонента карты есть миниатюра, нам нужно добавить к нему display: flex. Это было невозможно в CSS, но теперь у нас будет новый селектор CSS :has, который поможет нам...

22 апреля 2022 0 43 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, HTML, Angular, ReactJS, VueJS, css, javascript, frontend, react,

Производительность фронтенда: большое приложение на реактивном SSR-топливе

Каждый день сайтом SuperJob пользуется более миллиона людей. Как построить архитектуру фронта, чтобы приложение загружалось быстро и при этом выполняло требования поисковой оптимизации? Как мы можем это измерить? Значительно повысить производительность можно при помощи серверного рендеринга, но...

14 апреля 2022 0 40 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SuperJob, Блог компании Конференции Олега Бунина (Онтико), Высокая производительность, Разработка веб-сайтов, JavaScript, frontend, ssr, серверный рендеринг, высокая производительность, высокая нагрузка, раз

[Перевод] React 18. Что нового?

Эта статья — перевод основных изменений версии реакта 18.0.0. Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов. Читать далее...

11 апреля 2022 0 47 Уроки CSS на Хабрахабре, habrahabr.ru, JavaScript, ReactJS, javascript, react, frontend, html, css, github,

[Перевод] Как Discord реализовал навигацию клавиатурой по всему приложению

Мы делаем Discord доступным для каждого. В 2020 году мы многое сделали, чтобы значительно улучшить ассебилити в приложении. Остаётся ещё много работы, но мы уже сейчас можем рассказать об одном из наших последних проектов - Навигация по клавиатуре. Далее по катом. Читать далее...

7 апреля 2022 0 37 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, Usability, ReactJS, discord, frontend, layout, верстка, стили, css, accessibility, javascript, react, keyboard,

[Перевод] React SEO: Советы по созданию SEO-friendly приложения

Привет, Хабр! Представляю вашему вниманию перевод статьи “React SEO: Tips to Build SEO-friendly Web Applications” автора Paridhi Wadhwani. О чем пойдет речь Вы узнаете проблемы, с которыми сталкивается React приложения в части SEO (Search Engine Optimization или оптимизация для поисковых систем)....

26 февраля 2022 0 89 SEO на Хабрахабре, seo, habrahabr.ru, JavaScript, ReactJS, Поисковая оптимизация, SEO, seo-оптимизация, react, поисковая оптимизация, поисковая выдача,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №507 (13 — 20 февраля 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

21 февраля 2022 0 86 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

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

Оптимизация Сео Аудита на NextJS. Это ненастолько удачное занятие, поскольку, по моему опыту, он не дает полного контроля над event loop, который и надо приоритетно оптимизировать. Однако NextJS дает очень высокую скорость разработки, которая нужна многим продуктам, поэтому научится поднимать до 90...