Oruchan ASAR

What Is Debounce Literally?

Debouncing means: “Wait for a moment of silence before doing the thing.” Imagine you’re typing in a search box. Debounce will wait until you’ve stopped typing for a while (e.g., 300ms) before making ...

May 3, 2025

debouncing-in-reactdebouncingdebounce

How Hoisting Actually Works (Step-by-Step)

1. Code Execution Phases When JavaScript runs your code, it first goes through two main phases: Memory Creation Phase (also called “Creation Phase” or “Compile Phase”) Execution Phase 2. Memory Cr...

Apr 27, 2025

hoisting-in-javascripthoisting

Changing SVG Colors in Nextjs: Using JSX Components for Dynamic Icon Color

SVG icons are popular for adding visual elements to web applications due to their scalability and adaptability. However, changing the color of SVG icons dynamically in response to user interactions c...

Sep 15, 2023

svg-iconsvgnavbarnextjs

NextJS 13 App Backend Development

This report provides an overview of key components and functionalities implemented in a backend application. It covers topics such as database connection, user registration API, user authentication a...

Jun 13, 2023

jwtmongodbnextjs

Customizing the Login Page of Keycloak Docker Image

In this article, I will show you how to customize the login page of Keycloak using a Docker image. Here are the steps to get started: Create and run a Docker container for Keycloak: docker run -p 808...

Feb 4, 2023

dockerkeycloak