Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

How to use react version of Metronic


I have purchased license from few weeks ago.
And downloaded package successfully.
I checked zip file but there is no react version of metronic.
So I followed google drive link that you suggested and downloaded react demo1 of 8.2.6 version.
I have checked it but there is only few pages on it.
Not all pages like live preview.
Can you let me know what was wrong with me?


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 (3)


Hi,

You can download Metronic React Demos and other versions from the Metronic Downloads page.

You can find Metronic React version preview page here: https://preview.keenthemes.com/metronic8/react/demo1/

Please note that the Metronic React version is a Starterkit that contains a few pages for the start. For more pages and features, check out the HTML version of the template. It offers a wider selection of pages and components that you can easily copy and reuse in your React application.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Should I convert JQuery to React?
For example, I want to make data-table on react version.
On html version, it used JQuery-datatable.
Then how can I do this?



Hi,

Sorry for the late reply.

In Metronic React version for the CRUD apps we are using TanStack Tables, you can find usage examples on Users Management.

Using the jQuery plugins in React version is also possible, but it will require jQuery installation which is not considered a good practice in React. For all the jQuery plugins our React version has an alternative.

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  :(