Публикации по теме 'react'
Создание сниппетов в коде Visual Studio
Visual Studio Code имеет простую систему для создания фрагментов. Если вы хотите просмотреть документацию Microsoft, перейдите сюда.
Создание собственных фрагментов кода в Visual Studio Code Добавить фрагменты кода в код Visual Studio легко как для собственного использования, так и для совместного использования с другими пользователями… code.visualstudio.com
В этом руководстве мы создадим простой фрагмент, который создаст..
Добавление веб-упоминаний на стороне клиента в мой блог Next.js
Последняя версия моего веб-сайта построена на Next.js , в частности, на замечательном начальном блоге Tailwind/Next.js Тимоти Лина. Я немного изменил его, изменив цветовую схему, убрав такие компоненты, как аналитика, комментарии и некоторые другие, а также создав несколько новых страниц (например, мою страницу сейчас ). В рамках этого процесса я хотел добавить в шаблон поддержку веб-упоминаний, интегрировав упоминания с Mastodon, Medium.com и других доступных источников.
Чтобы начать..
5 способов ленивой загрузки компонентов React
Оптимизируйте интерфейс React для лучшего взаимодействия с пользователем
Обычно, когда я смотрю на проекты Figma и XD, они выглядят длиннее, чем в ширину, о, я имею в виду, что они в основном портретные.
Но это нормально, мы все не ожидаем, что весь дизайн появится на экране одновременно, мы понимаем, что часть дизайна будет на экране, а часть дизайна будет доступна при прокрутке пользователем.
Потрясающий. Итак, мы надеваем очки и начинаем реализовывать дизайн пиксель за пикселем...
Это действительно понравилось, спасибо!
Это действительно понравилось, спасибо!
Что касается меня, то я тщательно выбираю импортированные модули, что привело к неопределенному импорту и предупреждениям о типе React.createElement при тестировании.
Вы можете улучшить это, экспортируя каждый модуль (RN.View и т. д.) вместе с экспортом по умолчанию.
Как сделать простую форму полета самолета с помощью React, Typescript и Tailwind
Введение
В этом уроке мы создадим форму, которая позволит вам проверить самую низкую цену на авиабилеты, нажав на API строку «/flights/get-lowest», которая вернет цену в долларах. Форма позволит вам вводить данные в двух режимах, где вы сможете переключаться между рейсами туда-обратно и в один конец. Отправка формы приведет вас на вторую страницу, на которой показаны рейсы, но в этом руководстве она будет опущена.
Компонент будет настроен следующим образом:
Оболочка компонента с..
React Native Navigation — Реализация старой школы
Продолжая серию олдскульных реализаций ( первый пост здесь ) от рук duix , сегодня я покажу вам, как реализовать простой шаблон навигации в React Native. Потому что, помните, duix можно также использовать в React Native или любом другом проекте JavaScript.
Подход
Подход прост. Мы определим переменную в хранилище duix с именем currentPage . Мы определим значение по умолчанию, указывающее на страницу «Загрузка», а затем будем менять его каждый раз, когда захотим перемещаться...
Контролируемые формы
Для моего последнего проекта в школе Flatiron я разработал приложение-органайзер задач с бэкендом, созданным на Ruby on Rails, и фронтом, созданным с помощью JavaScript и библиотеки React. Было много разных концепций, которые мне нужно было уяснить для создания этого приложения, но сегодня я хочу сосредоточиться на том, как мы можем использовать состояние компонентов для настройки контролируемой формы.
Приложения, созданные с использованием библиотеки React, используют реквизиты и..