При работе над веб-/мобильными приложениями очень часто требуется генерировать pdf для обмена формами, счетами с пользователем. Для решения этой задачи существуют различные пакеты на разных языках. Если мы говорим об Angular или React js, то PDF очень часто используется для этой задачи. Он имеет более 18 тысяч звезд на Github и загружается 1 52 000 раз в неделю.

В этой статье мы расскажем, как сгенерировать простой PDF-файл в приложении React с помощью пакета jsPDF.

Создание формы регистрации - распространенная задача в веб-разработке, и фреймворк React предоставляет отличную платформу для ее решения. С помощью React вы можете создать функциональную и удобную форму регистрации, используя его возможности для создания, управления и проверки форм.

На этой неделе я очень обрадовался, когда наконец-то использовал :has. Проблема с ним заключалась в поддержке браузерами, которая пока недостаточно высока, чтобы использовать его в производственном коде. В частности, в Firefox его не будет до 121 версии (наконец-то!), а это мой любимый браузер...

Но на этой неделе у меня появился повод им воспользоваться. Это было связано с тем, что это всего лишь эстетическое изменение, поэтому не имеет значения, если оно не будет работать для людей на старых браузерах. А также потому, что проект, в котором я его использую, не будет запущен в течение нескольких месяцев, и к тому времени он будет работать в гораздо большем количестве браузеров.

Элементы аккордеона очень удобны для отображения заголовков тем и расширяемых под ними деталей при нажатии на заголовок.

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

Я покажу вам, как это сделать без использования JavaScript, а затем мы добавим немного JavaScript, чтобы сделать его еще лучше.

В JavaScript мы часто видим неявное преобразование типов в нашем коде, которое происходит из-за абстрактной операции. В JS мы используем термин приведение для обозначения того, что обычно называют преобразованием типов. Когда мы рассматриваем преобразование и приведение, лучше всего рассматривать их как взаимозаменяемые, особенно в контексте JavaScript.

Принуждение — странная тема в JavaScript, поэтому многие склонны игнорировать эту тему. Однако мы не можем игнорировать то, что ведет себя нелогично. Мы начнем с изучения того, как абстрактные операции и приведение происходят неявно. После этого мы обсудим, почему они важны.

В наше время многочисленные сайты создают страницы, которыми пользователи делятся в разных социальных сетях или мессенджерах. Благодаря тегам Open Graph ссылки могут иметь изображение предварительного просмотра, которое привлекает еще больше внимания, например с помощью тега og:image. Но обычно многие веб-сайты не прикладывают особых усилий к предварительному просмотру изображений и просто добавляют одно изображение на большинство страниц. Если изображения нет, парсеры пытаются автоматически найти первое доступное подходящее изображение и использовать его.

Давайте поговорим об одном интересном шаблоне в Typescript, этот шаблон называется Discriminated Type Union или Discriminated Union Type. Прежде чем мы углубимся в эту тему, нам нужно понять проблему. Я напишу с вами код:

type PokemonState = {
  status: "Loading" | "Success" | "Error";
  pokemon?: { name: number; sprite: string; hp: number };
  error?: { message: string };
};

Сделать React-приложение SEO-дружелюбным очень сложно. Тем не менее, есть несколько способов сделать это. И сегодня я расскажу вам о них.

Проблема с обычным React

React не подходит для SEO... или подходит?

Если вы действительно заботитесь о SEO, то использование обычного React может быть не самой лучшей идеей. Вам стоит обратить внимание на Next.js.

Этот пост о том, как эффективно использовать метод String.prototype.substring() в JavaScript. Мы рассмотрим несколько примеров, чтобы понять, как это работает, поиграем, чтобы понаблюдать за несколькими закономерностями и изучить причуды.

JavaScript substring() - это строковый метод, который обычно используется для извлечения и сохранения части строки. Во время извлечения исходная строка остается нетронутой, а целевая часть возвращается как новая строка.

Вам когда-нибудь нужен был плавный, непрерывный скроллинг для ваших проектов Nuxt? Вдохновленный современным подходом Райана Маллигана, я создал для вас идеальный отзывчивый компонент Nuxt. Метод Райана Маллигана служит отличной основой для этой реализации, поэтому не стесняйтесь ознакомиться с ним, чтобы получить более подробное объяснение задействованного CSS.