[React] How can I import components from a template/theme that I bought?

[Levent]

Hi, I am currently in the process of learning react and node from scratch and I managed to get to a point where I feel like I can start working on my website and I bought a theme/template to have something decent looking. Issue is I have no clue how I go about importing elements from it to my project. I thought copy the contents of the folder into a folder in src of my project but this is what happens when I do that, path is correct.

I already have some UI in my website and I am looking to import elements like these. 

This is the file structure of the template I got. I would assume I need to install this into my project like you do with every other node module? (how would I do that?)

 

I am sorry if this is very basic but I am moving to node and react from mostly asp.net knowledge from 10 years ago and this is nothing like .net.

[elpiop]

I think to import the module that way you need to use `require` instead of `import`. Otherwise if the module is already packaged you can use `npm link` (or `npm install <path>`)  and then `import` should work

[Mikey A.]

I don't think there's enough information here to give a good answer, but I'll see what I can do!

 

1. When you import something, you're basically using JS modules - this can be complicated because it might require a build system

2. Do you have a build running that's compiling your code into code readable by a browser?

3. It's not a great idea to import a component from another party like a theme, I'd suggest instead using Tailwind which is sort of like a component library you can use on anything.  

4. If you use VS Code, it should have path autocompletion I think?  What if you just start typing a path, does it show you a file structure?

5.  What if instead of importing some components, can you create your own?