Twitter is one of the largest social media platforms in the world, with millions of users sharing their thoughts, ideas, and opinions every day. In order to help users find content that is relevant to their interests, Twitter uses a recommendation al...
The rise of ChatGPT and other AI chatbots has brought significant changes in our daily lives. These chatbots provide us with instant answers and assistance, which can be incredibly helpful. However, there is a downside to their overreliance. The more...
So far we've created the MVP of my website and deployed and hosted it on Vercel which I have a walkthrough on here. It is a simple website, and only displays the necessary information, but we want to implement some dynamic features and showing my pos...
I have to admit it. If not to you, then at least to myself. I haven't been developing my site for a long time. I've been working with Next.js on hobby projects for quite a while, and after the release of Next.js 13, I was convinced that my site neede...
Photo by Joshua Sortino on Unsplash The hypertext transfer protocol also known as HTTP is the protocol for the web. Every time you communicate through the browser, a request is sent to a server over the HTTP protocol. You have probably heard of some ...
Whenever we search in a web app, we often don’t send the query to the backend immediately. The query will change with every keystroke, and by sending a request for every keypress, we will send a lot of unnecessary requests, that will eventually just ...
In your job as a software engineer, you might have stumbled upon many different types of code. You find the well-crafted, well-documented code that is a blast to work in given the simplicity and many unit tests to notify you when changing the code wi...
Photo by Christopher Gower on Unsplash Working as a frontend developer, you will eventually stumble upon the reduce function. A built in method that is executing a reducer function on each element of an array which will result in 1 single output valu...
Photo by mostafa meraji on Unsplash You might find yourself need to know when the DOM has changed so you can eg. trigger a function. That could be to show a notification or send a fetch request to an API. You might not know when the tree is triggered...
With 65k stars on Github on the time of writing this post, you can easily conclude that the language has found its way into developers toolbelt when developing javascript based applications. According to the annual developer survey from Stack Overflo...
Photo by Domenico Loia on Unsplash Whenever developing a new website or a new application we need to take into account which background we will use. Finding a property background for your design is quite hard. You need to take the existing color pale...
At my first job, i was working as a Frontend Developer where i would implement all the latest and greatest technologies like React, Typescript, Webpack etc.One day i was talking with one of the senior developers at the company about how frontend deve...
Before React Hooks was introduced in React 16.8, we were switching between class- and function components. All the class components contained the state and the function components contained all the JSX and was managing the rendering of the UI. One of...
Podcasts is a great way to gain new knowledge just by listening to other. Whenever i’m out running, cleaning the house, or out travelling i like to put my earphones in and start listening to podcasts. As a frontend developer i like to hear podcasts w...
Chrome has has the majority of the global browser market share with over 64% based on statscounter.com. That marketshare is also reflected in my friends and colleagues usage of the browser, but i tend to see that the capability of the features in the...
Whenever i am reading a blog post or an article online, I find the user experience improved when i see a progress bar at top of the page indicating how much content has been read and how much is left to read. Since I’m launching my own blog, I wanted...