Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

I need some advice using keen 3 html theme with react


Hi i bought keen 3 html theme to develop a react dashboard app, but i don't know how to deal with the flow. I don't see any integration guide arround here, it is possible to integrate with react to consume an api ? is there a guide or something that i can use for ? thanks
pd. i see that the project is using axios can it be a way to do that? if its true please let me know how can i achive that. thanks


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


Hi,

Keen is an HTML-based theme and it does not have the React integration guide.

But you may check our Metronic theme https://1.envato.market/EA4JP which uses the same core HTML framework that Keen does and it comes with the React starter kit app.

You can refer to Metronic's react demos and build your own react app with keen.

Regards.



With metronic I can use the apps that keen offers such as the calendar ?



Metronic's HTML version has the calendar app as Keen.
However to use the Calendar app in Angular you will need to use it according to https://fullcalendar.io/docs/angular



sorry im using react, not angular how can i use the calendar or any other apps that keen html offers with metronic?



Hi,

Sorry, yes, you can use the React version of the calendar in your react app.

However, for the Metronic React version you will need to initialize the calendar by referring to the full calendar react guides.

Regards.


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