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

Эмулируем React useState в обычном JS (via data-attributes & css selectors)

1 января 2023
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, usestate, react, javascript, css, html, data-attr, css-selectors, Основное / Скрипты и советы
0
0
61

Добрый день хабр! Решил поделиться своим небольшим, но полезным открытием в плане использования html data-attributes & css selectors. Html data-attributes - это кастомные атрибуты, которые вы можете

OpenSource на завтрак

25 октября 2022
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, monorepo, opensourse, javascript, react, vite, html, css, uikit, Основное / Скрипты и советы
0
0
105

Делиться своими идеями с сообществом - хорошо и правильно. Это позволяет развиваться, перенимать лучшие практики, исследовать новые инструменты, учиться оформлять свои решения. Но какой код стоит

On-Demand ISR в Next.js или как эффективно обновлять статический контент на сайте, поступающий из CMS или админки

16 сентября 2022
SEO на Хабрахабре, seo, habrahabr.ru, Разработка веб-сайтов, ReactJS, TypeScript, next.js, typescript, react, seo, javascript, frontend, Основное / Интернет-маркетинг
0
0
98

В этой статье я расскажу, как и для чего, на одном из своих проектов, мы прикрутили новую возможность Next.js – On-Demand ISR (инкрементная статическая регенерация по запросу). Читать далее

Как я перешел из нефтянки в IT за 1 год

6 июля 2022
Уроки CSS на Хабрахабре, habrahabr.ru, JavaScript, ReactJS, войти в it, первые шаги в it, план развития frontend разработчика, javascript, react, html, css, redux, Основное / Скрипты и советы
0
0
127

Меня зовут Багрянцев Максим, бывший сотрудник компании Роснефть, в настоящее время являюсь frontend developer в компании Mechanica. Привет, Хабр! Хочу поделиться своим жизненным опытом с теми людьми,

Еще один способ использовать SVG в React. На этот раз удобный

23 июня 2022
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, svg, fetch, svg-sprite, svg api, react, html, css, icons, open-source, ajax, Основное / Скрипты и советы
0
0
143

SVG-изображения можно вставлять непосредственно в html, можно использовать символьные спрайты, теги , и даже . Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством

Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера

18 июня 2022
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, Дизайн, javascript, markup, font, responsive, react.js, css, html, markdown, Основное / Скрипты и советы
0
0
194

Перед нами часто возникает задача, сделать текст отзывчивым в зависимости от размера экрана устройства. Казалось бы, задача вполне тривиальна, и сходу можно назвать несколько вариантов её решения, не

Фронтенд-новости №8. Вышел Wordpress 6.0, найдена оптимальная длина строки, <dialog> под вопросом

30 мая 2022
Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании HTML Academy, Разработка веб-сайтов, JavaScript, ReactJS, VueJS, html, css, javascript, новости, Основное / Скрипты и советы
0
0
284

Дайджест новостей и полезных статей о фронтенд-разработке за последнюю неделю 23–29 мая. Что там у вас ещё

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

22 апреля 2022
Уроки CSS на Хабрахабре, habrahabr.ru, CSS, HTML, Angular, ReactJS, VueJS, css, javascript, frontend, react, Основное / Скрипты и советы
0
0
145

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

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

11 апреля 2022
Уроки CSS на Хабрахабре, habrahabr.ru, JavaScript, ReactJS, javascript, react, frontend, html, css, github, Основное / Скрипты и советы
0
0
151

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

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

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

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

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

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

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

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

20 февраля 2022
SEO на Хабрахабре, seo, habrahabr.ru, JavaScript, ReactJS, Веб-аналитика, Поисковая оптимизация, reactjs, nextjs, event loop, seo, javascript, react, next, next.js, seo-аудит, seo аудит, Основное / Интернет-маркетинг
0
0
243

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

Готовые решения

Вопрос-Ответ

Последние работы

О веб-студии

Корп сайты

Интернет-магазины

Блоги

Собственные проекты

Продукты