Рубрики
Без рубрики

React Bootstrap 5.

Мы только что выпустили React Bootstrap 5 на Hunt Product. Всего через несколько дней после стабильного выпуска Бо … Помечено с реагированием, загрузочным, JavaScript, CSS.

Мы только что выпустили 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”