Tailwind UI — это потрясающий набор инструментов для компонентов пользовательского интерфейса, который позволяет создавать потрясающие веб-сайты за считанные минуты. Однако, если вы хотите использовать его в своем личном или клиентском проекте, это будет стоить вам не менее 149 долларов. В этой статье блога я предоставил бесплатную библиотеку компонентов попутного ветра, которую вы можете использовать в своих приложениях. PS: если у вас есть деньги или вы являетесь разработчиком,..

Эта настройка использует: npm/npx версии v6.14.8; версия узла v14.15.1 Будет установлено: Next.js версии 10.0.3; Версия CSS Tailwind ^2.0.1 Создайте проект Next.js npx create-next-app next_tailwindcss_project 2. Добавьте необходимые пакеты в зависимости разработчика yarn add tailwindcss autoprefixer postcss postcss-preset-env -D 3. Добавьте файл конфигурации postcss в корень проекта. touch postcss.config.js 3.1 Вставьте следующий код в postcss.config.js //..

На этой неделе я принял участие в хакатоне «Воспитание различий», организованном Коди Грином. Это было создано как возможность для выпускников и выпускников буткемпа сотрудничать и создавать проекты уровня портфолио. Это был мой первый хакатон, и я был рад возможности сотрудничать, так как прошло много времени с тех пор, как я в последний раз подключался к программе. Моя команда быстро приступила к чертежной доске, мы набросали функции и функции для наших идей и к концу первого дня создали..

Вот как заставить плагин Tailwind PostCSS работать с приложением create-react-app. Это потребует от вас использовать react-app-rewired вместо react-scripts , но это лучше, чем выталкивание! Установить: create-react-app example cd example yarn add react-app-rewired customize-cra --save yarn add tailwindcss --dev Заменить скрипты в package.json "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired..

Использование компонентов React icons В реальном проекте вам захочется сделать всю работу самостоятельно. Итак, давайте посмотрим, как мы можем установить внешний модуль, который поможет нам добавлять значки в наш проект. Теперь я буду использовать React Icons, и это одна из моих любимых библиотек компонентов React. Чтобы установить его, мы собираемся выполнить команду npm install и использовать иконки реакции, а затем сохранить ее как зависимость. Войдите в свой терминал в свой..

CSS-фреймворк для быстрого создания пользовательских интерфейсов. Написание длинных строк CSS иногда может быть трудоемким, утомительным и разочаровывающим, поэтому вам следует выбрать правильный фреймворк для работы. Из этой статьи вы узнаете, как установить и настроить Попутный ветер в своих проектах. Но прежде чем погрузиться в сам проект, давайте вкратце разберемся, что такое Tailwind. Что такое Tailwind CSS? Согласно официальному сайту , Tailwind CSS - это настраиваемая..