Integrating 3rd Party Library Challenge: Carousel Styling in NextJS Migration
As a junior developer, I am currently grappling with a challenge related to the integration of a third-party library into our company's website. Our previous website was constructed using AngularJS and JSP, technologies with which I have limited proficiency. Adding complexity to the situation, the carousel styling on this website is being overridden by a mandatory 'toolkit.css' file that incorporates the header and footer from Kentico. My assigned task is to recreate the Product Details Page on our new website, developed using NextJS. The legacy site relies on jQuery-related libraries for rendering the Carousel components, and importing these components into the new environment causes them to malfunction. In light of my junior developer status, I am seeking guidance on the most effective approach to resolve this issue.
2 Replies
have you tried talking to whoever is assigned to get you up to speed at work?
"I could use some tips on how to do this most effectively" is a perfectly valid question from a junior to a more senior dev, especially if you have an at-work mentorship type deal going on
I did approach my senior(s) but I'm just advised to test around with third party libraries and try to make it work in vanilla html. I did manage to make it work in vanilla following the documentation, but I'm just wondering is there a good approach to these kind of situations? Since some of the third party libraries out there uses the same class name for naming the carousel box.
Right now my question is if it's actually still possible to use jQuery libraries with NextJS or is it not a recommended practice at all?