integrating react project into another react project

Question

I am very new to react. I grabbed the petclinic project from github (https://github.com/spring-petclinic/spring-petclinic-reactjs) to run it and understand how react works. I want to add plugins to this project (plugins are other react projects as I understand), The plugin I want to add is a datatable (https://github.com/rishabhbits038/react-tabelify) which is another react project. My question is how to integrate one react project inside the other. in jquery it is direct, just including the .js file in the project but in react it does not seem that obvious.

There's some nuance to this, but typically you just npm install the component and import it wherever you want to use it. — azium
– azium, Commented Jan 22, 2018 at 15:25
I do npm install for the petclinic project then I want to import the other project into the first one, I can't npm install the second one because if I need to integrate more plugins I will nor npm install all of them to run my project. — Rodwan Bakkar
– Rodwan Bakkar, Commented Jan 22, 2018 at 15:27

Dane · Accepted Answer · 2018-01-22 15:31:18Z

1

From inside the petclinic project, run

npm install react-tabelify

and import the component you want use as:

import Tabelify from 'react-tabelify';

should work, as the second library is registered with npm

edited Jan 22, 2018 at 15:31

answered Jan 22, 2018 at 15:29

Dane

9,6135 gold badges38 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

azium Over a year ago

missing string in import

pwolaq Over a year ago

I would suggest changing to npm install react-tabelify --save

Rodwan Bakkar Over a year ago

I will try this solution and report in the comments. Thank you guys.

Rodwan Bakkar Over a year ago

Thank you very much Dane:))

Nima habibkhoda Over a year ago

this is old question , but you can use this repository : github.com/nimahkh/react-all-in-one-package it helps me

|

Collectives™ on Stack Overflow

integrating react project into another react project

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related