Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $9
Get for 99$

How to use react version of Metronic


I have purchased license from https://themeforest.net/ 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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • 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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(