Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

React Functional Or class based component


Hi Dear ..
I just want to know if this theme is based in react functional components or class based components and is it available in jsx or tsx?

I want to buy it


user
Shahzeb Jadoon 3 years ago
React
2 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 (2)

user
Alinet Utmix 1 year ago

Choosing between React functional components and class-based components depends on your project needs and coding style. Functional components, especially with hooks like useState and useEffect, are lightweight, concise, and perfect for modern React development. In contrast, class-based components, while more verbose, offer built-in lifecycle methods that were previously essential before hooks. Both approaches can achieve the same results, much like leveraging tools such as Block Blast Solvers to tackle complex puzzles—different methods can lead to the same solution based on the situation and preferences.


user
Lauris Stepanovs Author 3 years ago

Hi,

Thank you for your interest in our product.

In our theme, we are using functional components and our theme is based on typescript so we are using .tsx components.

Check out our React preview page:
https://preview.keenthemes.com/metronic8/react/demo1/dashboard

And our React documentation: https://preview.keenthemes.com/metronic8/react/docs/docs/quick-start

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