Как подключать сторонние react компоненты?

Question

[Виталий]

Вопрос несколько размытый, постараюсь сформулировать. Звучит он скорее так: практикуется ли подключение сторонних компонентов и если да, то как можно их публиковать и загружать в проект? По идее, всё что уже реализовано, лучше переиспользовать, чем писать заново. Сложность в том, что архитектура react-проектов разная - в первую очередь, как мне кажется, связанная с redux. Прокомментируйте пожалуйста этот момент.

Answer 1

[Максим]

Сложность в том, что архитектура react-проектов разная - в первую очередь, как мне кажется, связанная с redux.

Как раз таки у "годных" компонентов (или может быть, кому-то ближе "плагинов") нет никакой привязки к тому, как у вас хранятся данные. Правило хорошего тона - ваш компонент, ничего не знает о том, что происходит вокруг, он просто отображает данные и вызывает функции обработчики, которые уже "где-то там" будут эти данные изменять. Считаю, что один самых крутых примеров такого компонента, это react-virtualized

как можно их публиковать и загружать в проект?

Так как, это npm пакет, то следовательно, нужно копать в эту сторону (пример). (гугл)

Answer 2

[Сергей Сунцев]

Да, конечно можно, к примеру находим компонент react-bootstrap
Устанавливаем его
npm install react-bootstrap
и подключаем
import Button from 'react-bootstrap/lib/Button';

Comments

[Максим]

Сергей Сунцев Сергей, а вы react-bootsrap используете на проектах? Удобно? С какими трудностями столкнулись, если были...

[Сергей Сунцев]

Максим: По мне намного удобней, использую в проектах, в отличии от material-ui трудностей не замечал и по мне это проще, чем использовать чистый бутстрап, но я пока еще постигаю реакт, поэтому рано говорить о трудностях.

[Максим]

Сергей Сунцев: спасибо. Как вариант, для простого тестирования, можно в компоненты с подключенными плагинами подставлять console.log в рендер функцию, и смотреть как часто (и предсказуемо) компонент перерендеривается.