heybooster tech
Adventures of a Front-End Developer - Migration of Front-End Project Paid Members Public
In this blog post I will explain how I upgraded our Heybooster front-end project which is built on the vue.js framework and what motivated me to do so. In our previous project we used the vue version of 2.5.11 and the webpack version of 3.6.0
Watch and Handle Changes with Web Storage Api — Cross Tab Communication Paid Members Public
Photo by Markus Spiske [https://unsplash.com/@markusspiske?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] Heybooster is a client-based project. The data in the Heybooster changes depending on the client. The user can see different
CSS Architecture Documentation | Heybooster Paid Members Public
I have created a document to set a standard for writing CSS code at Heybooster [https://heybooster.ai/]. I also wanted to share this documentation as open source. * We use SCSS as CSS Preprocessing. * Our CSS architecture is generally based on the BEM [http://getbem.com/]. methodology. However, in some
Heybooster Front End Naming Conventions Paid Members Public
In this article, you will find the naming conventions we used in our Heybooster [https://heybooster.ai/] front-end project. Variable Naming * The camelCase naming convention is used to define a variable. Examples const dataSourceName = ''; const stepsConnectStatus = { 1: false, 2: false, 3: false, 4: false, }; const apiBaseUrl = {}; const bookmarkID = []; const
Adventures of a Front-End Developer | Our Work to Improve Web Performance Paid Members Public
While I was starting out as a front-end developer at Heybooster [https://www.heybooster.ai/], our product owner [https://www.linkedin.com/in/neslihanbusraemikoglu/] asked me to handle the following problems: * Lead the development of solutions for web page speed issues, a problem for which we receive frequent feedback from
How to exchange data in different vuex modules Paid Members Public
Our previous [https://insight.heybooster.ai/vuex-on-large-projects-how-to-structure-it/] article discussed the importance of using vuex modules in large projects. I will explain and show how we can exchange data between vuex modules in this blog post. In the course of using vuex modules, we may encounter situations such as the following:
Vuex on large projects: How to structure it ? Paid Members Public
If you are using vuex in a small project, you can keep state, mutation, getters, and actions in a single file. On the other hand, when developing a large project, we can divide vuex into modules based on categories, thereby keeping file sizes down, keeping the code cleaner, and increasing
Storing and Using Last Visited Page in Vue JS Paid Members Public
If a user has an ongoing transaction on a website, we would like them to continue from the last transaction to provide a better user experience. If a user registers on a website and then leaves the website after completing any step, we can ensure that the user continues from