> For the complete documentation index, see [llms.txt](https://madeindonesia.gitbook.io/mi-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://madeindonesia.gitbook.io/mi-guide/style-guide/js-style-guide.md). # JS Style Guide For our javascript style guide we follow a style that is already popular and many other developers use to style their code, {% embed url="" %} ## Our rules with js writing 1. Use the library only when you need it When you want to use libraries like jquery, slick, swiper, etc. make it a habit to use the library (import or require) in a separate file from the main.js file. \ \ An Example case is when you want to make a slider using slick which is need jquery and slick itself needs to be like the image below :

Don't forget to reinitialize our js in the main.js file

always write and initialize our js in main file

The image below is an example of wrong library usage

Wrong way to import because its on main.js

maybe you will think why we have to separate the use of the library even though if it is not separated it can work.\ \ this is the answer because our development uses a wordpress environment where there will be several different plugins for each project. if by chance between the plugin and custom code there is the same library. then a conflict will occur which can cause the plugin to be crashed\ \ So by separating this library from the main js file, the libraries in the plugin and the libraries in our custom code will run separately and avoid conflicts.