Category: React

  • Dynamically generate object from another object with value mapping

    Dynamically generate object from another object with value mapping When working with TypeScript, there may be times when you need to dynamically generate a new object based on an existing object, but with some values mapped or transformed. In this blog post, we will explore different solutions to achieve this using TypeScript. Solution 1: Using…

  • Dependecy injection error on instance controller

    Dependency Injection Error on Instance Controller When working with TypeScript, you may come across a common error related to dependency injection on an instance controller. This error occurs when the dependency cannot be resolved or injected properly, leading to unexpected behavior or application crashes. In this blog post, we will explore two possible solutions to…

  • fetch server data but can’t use data.map, with array.map is not a function in next.js 13

    Fetch Server Data but Can’t Use data.map, “TypeError: data.map is not a function” in Next.js 13 If you’re working with Next.js 13 and encountering the error message “TypeError: data.map is not a function” when trying to use the map function on your fetched server data, you’re not alone. This error occurs because Next.js 13 uses…

  • Increase the number after clicking Angular

    Increase the number after clicking Angular As an Angular developer, you may often come across the need to increase a number after a certain event, such as clicking a button. In this blog post, we will explore different solutions to achieve this functionality using Angular. Solution 1: Using a variable and a click event handler…

  • React application feels heavy when scrolling from a mobile phone

    React application feels heavy when scrolling from a mobile phone If you are experiencing performance issues with your React application when scrolling from a mobile phone, there are several possible solutions that you can try to improve the overall performance and make the scrolling experience smoother. Let’s explore some of these solutions: 1. Use React.memo…

  • Does Playwright Test support globalThis? (typescript/javascript)

    Does Playwright Test support globalThis? (TypeScript/JavaScript) When working with Playwright Test, you may come across the need to access the globalThis object. The globalThis object provides a way to access the global scope, regardless of the environment (browser or Node.js). However, due to the differences in how Playwright Test runs tests, there are some considerations…

  • How to genereate type definitions with bun build bundle?

    How to Generate Type Definitions with Bun Build Bundle? If you are using TypeScript in your project, you may have come across the need to generate type definitions for your bundled JavaScript files. This is especially important when you are using a bundler like Bun to bundle your TypeScript code into a single file. In…

  • useEffect infinite looping issue Nextjs

    Understanding the useEffect Infinite Looping Issue in Next.js Next.js is a popular framework for building server-side rendered React applications. It provides a great development experience and many useful features. One of these features is the useEffect hook, which allows you to perform side effects in your components. However, if not used correctly, it can lead…

  • how can I set a url as a prop without getting undefined in nextjs?

    How Can I Set a URL as a Prop Without Getting Undefined in Next.js? If you are working with Next.js and trying to set a URL as a prop, you may have encountered the issue of getting an undefined value. This can be frustrating, but fortunately, there are a few solutions to this problem. In…

  • Dynamic return type based on array of keys inputted to function

    Dynamic return type based on array of keys inputted to function When working with TypeScript, it is common to come across situations where you need to dynamically determine the return type of a function based on an array of keys. This can be particularly useful when dealing with complex data structures or when writing generic…