The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro
Light
Dark
System
Ask  Question

Example React Project for Version 9


I noticed there is React support in version 9.0. According to the docs it involves creating a vite react app and copying and renaming folders from the download package. I followed the steps but it's not working. Can you provide an example zip file or repo of a working react example for 9.0


G
Guest 2 years ago
React
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

G
Guest 2 years ago

Same problem as him


user
Lauris Stepanovs Author 2 years ago

Hi,

Please see the instructions below to get working example:

  1. Open the repo at https://github.com/KeenthemesHub/metronic-tailwind-html-integration.
  2. Download the metronic-tailwind-react folder.
  3. Copy the src folder from the metronic-tailwind-html package and paste it into the metronic-tailwind-react/src directory.
  4. Rename the copied folder to theme. The directory structure should now look like this: metronic-tailwind-react/src/theme.
  5. Copy the media folder from metronic-tailwind-html/dist/assets and paste it into metronic-tailwind-react/public.
  6. Install dependencies with npm install and serve the project with npm run dev.


Please let us know if you need any help on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
G
Guest 2 years ago

Thanks for the prompt reply. I tried that and still getting some typescript and tailwind errors.

KTLayout.init(); // KTLayout is missing init()

tailwind.config.js //ESLint: 'require' is not defined.(no-undef)

demo1.js //ESLint: 'KTMenu' is not defined.(no-undef), KTToggle, etc


user
Faithful Coronel 2 years ago

Same problem for me. I followed the above steps but gets this error:

PS C:\...\metronic-tailwind-html-integration-main\metronic-tailwind-react> npm run build

> metronic-react-tailwind@0.0.0 build
> tsc -b && vite build

src/App.tsx:12:14 - error TS2339: Property 'init' does not exist on type 'typeof import("C:/.../metronic-tailwind-html-integration-main/metronic-tailwind-react/src/theme/app/layouts/demo1")'.

12 KTLayout.init();
~~~~
Found 1 error.


user
Lauris Stepanovs Author 2 years ago

HI,

To fix this error in file src/theme/app/layouts/demo1.js you should change 


KTDom.ready(() => {

KTLayout.init();

});


to


export default KTLayout;


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.

ReUI by Keenthemes React Components UI Blocks React Templates ReUI Documentation