Публикации по теме 'front-end-development'


Идеальный юзер-кейс для rem.
Прежде чем я покажу вам, какая проблема была решена с помощью rem, давайте рассмотрим, что такое rem . rem Представляет font-size корневого элемента (обычно <html> ). При использовании в корневом элементе font-size он представляет его начальное значение (обычно браузер по умолчанию — 16px , но пользовательские настройки могут изменить это значение). Существует множество статей, в которых обсуждаются плюсы и минусы использования бэр, эм или пикселей в качестве..
Как создать API и продавать на Rapid API
Руководство о том, как создавать API и продавать на Rapid API. Как фронтенд-разработчик, вы должны понимать, как получить доступ к API. Но возникает вопрос, откуда берется API? Почему я могу получить данные с помощью простой URL-ссылки и закрытого ключа API для некоторых из них.
Руководство по React.PureComponent
Что такое React.PureComponent? React.PureComponent более или менее похож на React.Component, но единственная разница между ними заключается в том, что React.Component не реализует shouldComponentUpdate() , а React.PureComponent реализует его с shallow props и сравнение состояний . Компонент считается чистым, если он отображает один и тот же вывод с одним и тем же состоянием и реквизитами и не выполняет повторный рендеринг при каждом вызове функции, если реквизиты и состояние..
20 обязательных расширений VSCode для веб-разработки в 2023 году
Установка этих мощных расширений vscode значительно повысит вашу производительность. Visual Studio Code — очень популярный редактор кода, я пользуюсь им уже много лет. Я хотел бы поделиться с вами 20 расширениями, которые я регулярно использую, и надеюсь, они вам понравятся. 1. # Предварительный просмотр изображения Друзья мои, пожалуйста, не пропустите, это может помочь нам легко просматривать изображения, когда вы разрабатываете проект. функции: (отсюда) Показывает..
Улучшенная структура компонентов внешнего интерфейса: деревья компонентов
Легко избегайте каталогов компонентов внешнего интерфейса с высокой когнитивной нагрузкой Следуя давным-давно советам в Интернете, я принял определенную структуру компонентов, которая «просто работает». Сценарий Давайте сначала представим упрощенную структуру каталогов внешнего интерфейса, вдохновленную Next.js. public/ some-image.jpg pages/ index.tsx components/ Heading.tsx Logo.tsx Layout.tsx BoxContainer.tsx Footer.tsx Проблема Приведенная выше простая..
Пагинация запросов React
Легко добавить пагинацию Пагинация Разбивка на страницы — довольно часто используемый метод для более разумного управления производительностью веб-сайта. В настоящее время мы часто предоставляем бесконечную прокрутку страницы, что означает, что как только пользователь прокручивает вниз, новые данные извлекаются или разбиваются на страницы. Я добавляю эту технику пагинации на свой сайт iHateReading . Технический стек, который я использовал, — это ответный запрос для вызовов API и..
Начало работы с TypeScript за 15 минут👇
Привет, друзья. В этой статье будут представлены преимущества TypeScript и некоторые его основные концепции. Целью статьи является помочь читателям быстро понять и применить TypeScript. Содержание: 1. Краткое введение в TypeScript. 2、Преимущества использования TypeScript для разработки React 3. Краткое руководство по изучению TypeScript. Эта статья содержит множество простых примеров кода, которые помогут читателям быстро понять концепции. Хотя из-за этого статья..