Canvas Support

Implementing the template in a React/Vue application

1 reply · opened Aug 19, 2021

FfalnyrAug 19, 2021

Hi there!

First of all, thank you for such an amazing template! You've done a wonderful job!

What I am a little bit struggling with is integrating the template with a modern tech stack. In my case it's specifically:

  • NextJS 11.0 (based on React)
  • SASS
  • AWS Amplify

I was able to somewhat integrate the Sass portions of the template (there are a few places where the Sass variable will have different path based on where it's included but I managed to fix that).

What is a bigger challenge is implementing the jQuery + custom plugins. I'm following this tutorial: https://kingrayhan.medium.com/how-do-i-use-jquery-in-react-app-976c124f5448 but with the volume of jQuery code in the template it's far from usable.

I was wondering if you perhaps have a list of 3rd party libraries that could be instead added via NPM and/or a documented approach on how to best tackle this?

Thanks

SSemicolon WebSTAFFAug 20, 2021

Hello,

Apologies for the Delays in replying and for the Inconveniences caused.

Unfortunately, Canvas is currently not made to be compatible with React/Vue and manual integration is required to make it work. We are working on Vanilla JS at the moment to make it compatible with Build tools but this will take time as there are many functions that are completely in jQuery. We plan to release this by mid-September but not all Plugins. For the 3rd Party Plugins: Bootstrap, JS Cookie, Isotope, Swiper and JS LazyLoad can currently be installed using NPM.

Thanks for Understanding and for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard