Публикации по теме 'react'
Портфолио проекта React Redux
Идея проекта
Для моего последнего школьного проекта в школе Flatiron я создал приложение под названием Внимательный ребенок — простое приложение, позволяющее мамам проводить моменты осознанности со своими детьми. Практика осознанности может помочь детям замечать положительные стороны и развивать чувство признательности и благодарности. Пользователи могут щелкнуть категорию, которая приведет к видео с осознанием активности в этой конкретной категории. Если пользователи хотят..
Как создать форму с помощью HTML, React и Tailwind CSS
В течение последнего месяца или около того я работал над новой службой, которая предлагает аутентификацию как API , и мне потребовался ввод данных со стороны пользователя во внешнем интерфейсе. Практически каждое веб-приложение в настоящее время позволяет пользователю вводить какую-либо информацию, которая затем используется для выполнения вызовов API от их имени. Извлечение этих данных из форм ввода иногда может быть немного сложным. Одним из моих вариантов использования было..
Javascript (ES2020) Нулевое объединение (??) и необязательная цепочка ( ?.) Объяснение !
Нулевой оператор объединения ( ?? )
Это логический оператор, который возвращает свой правый операнд , когда его левый операнд равен null или undefined , а в противном случае возвращает свой левый операнд.
давайте рассмотрим некоторые варианты использования, с которыми вы можете часто сталкиваться, когда оператор ( ?? ) может облегчить вашу жизнь :)
Наиболее распространенный вариант использования — доступ к значению из вложенного Object в javascript.
Во..
Next.js + Netlify: стратегии именования и кэширования файлов
Этот пост является частью серии о Next.js и Netlify. Первую часть вы можете прочитать здесь .
Проблема со стандартной стратегией именования файлов Next.js:
Next.js по умолчанию создает случайную строку из 21 символа для каждой сборки с использованием наноида . Это полезно в том смысле, что все ваши активы будут иметь один и тот же префикс в одном развертывании.
Next.js сохраняет значение buildId в файле BUILD_ID в папке /.next , чтобы определить, какие файлы ресурсов следует..
React Hooks, мое введение
Как написать статью о React Hooks, когда их так много уже опубликовано? Это вопрос, который я задал себе перед тем, как начать этот. Я почти отказался от этой идеи, но наконец нашел кучу веских причин продолжить:
Во-первых, если вы не пишете того, что кто-то уже мог написать, вы никогда ничего не пишете. Я собираюсь начать серию, следуя своему собственному путешествию, используя хуки в существующем проекте, поэтому мне нужна точка входа. Поскольку я был немного навязчивым по своей..
Переводы React-Intl правильно выполняются с помощью TypeScript
Уловка для FormattedMessage и formatMessage от react-intl
TL; DR; путем создания оболочки для FormattedMessage компонента и formatMessage функции r eact-intl , вы можете добавить типобезопасность, чтобы допускались только допустимые идентификаторы сообщений перевода. . Вот пример репо и немного сути .
С r eact-intl вы можете переводить сообщения с помощью компонента FormattedMessage или с помощью функции formatMessage . В любом случае вы должны указать id для..
Джеймс, отличная работа!
Джеймс, отличная работа!
Некоторое время у меня были похожие мысли в отношении маршрутизатора и т.п., и я очень ценю то, что вы разобрали проблемы. Я немного использовал Redux First Router, и это было здорово, концептуально он так хорошо сочетается с Redux и в остальном не мешает!
Единственное, что меня беспокоит, это решение не поддерживать параметры запроса. Я понимаю, что для SEO они не идеальны, но определенно есть несколько вариантов их использования в Интернете.
Например,..
