Мы только что выпустили React Bootstrap 5 на продукт Hunt.
Всего через несколько дней после стабильного выпуска Bootstrap 5 – мы можем интегрировать его с помощью React 17.
Функции:
- Поддержка RTL.
- Материал Дизайн 2.0 Руководство
- Обширные документы и API
- 700+ UI Компоненты и шаблоны и шаблоны
- MIT лицензия – бесплатно для личного и коммерческого использования
Я надеюсь, тебе понравится:)
Предварительные условия
Перед началом проекта обязательно установите узлу LTS (12.x.x или выше). Мы используем пряжу, чтобы начать проект.
Если вы хотите использовать пакет из NPM, вы должны иметь проект с реагированием. Мы рекомендуем создать приложение с App Create-raction-App из React для начинающих.
Шаг 1: Создание приложения React.
Мы используем React 17+ версию.
yarn create-react-app my-app or npx create-react-app my-app
Шаг 2: Перейдите к каталогу приложения
cd my-app
React Bootstrap 5 Установка
Шаг 1: Настройка MDB.
yarn add mdb-react-ui-kit or npm i mdb-react-ui-kit
CSS импорт
Добавьте следующую строку в вашем файле index.js перед импортом файла app.js:
import 'mdb-react-ui-kit/dist/css/mdb.min.css'
Шрифт потрясающий
Добавьте следующую строку в Public/index.html Файл внутри головы:
Робото шрифт
Добавьте следующую строку в Public/index.html Файл внутри головы:
Установите Find Simility в глобально CSS-файле, например SRC/index.css внутри папки SRC, как в примере:
body { font-family: Roboto, Helvetica, Arial, sans-serif; }
Шаг 2: Запустите ваше приложение
yarn start or npm run start
Оригинал: “https://dev.to/mdbootstrap/react-bootstrap-5-2bkb”