How to implement S.O.L.I.D Principles in React and Easy Demo.Single Responsibility Principle (SRP). Content: A component should have only one reason to change, meaning it should have only one job. Should: Try splitting code into smaller component to easy to control and debug. Shouldn't: Combine display logic, ...May 21, 2024·4 min read
NextJS Static Site Generation and Server Side Rendering.When it comes to NextJS there are 4 main rendering method: Client Side rendering (CSR), Server side rendering (SSR), Static Site Generation (SSG) and Incremental Static Regeneration (ISR). So many methods you need to know before mastery NextJS and ea...Mar 10, 2024·3 min read
The Impact of AI on Programming: Redundancy or Enhancement?A few days ago, Jensen Huang, the president of Nvidia, suggested that the advent of AI has rendered programming skills redundant, allowing humans to avoid the necessity of coding. Let AI handle the coding for us. In my view, this statement could pote...Feb 28, 2024·1 min read
Think twice before use useMemo() or memo()There are so many articles or tutorial that teach about React performance optimization using memo() and useMemo(). But in some case, you don't need to use memo() or useMemo() for that. In this article, I want to share two different techniques that ve...Jan 11, 2024·3 min read
React Native Tricks: Adding Refresh feature.In this article, we'll investigate how to implement pull-to-refresh functionality in a React Native application using FlatList component. The result will looks like this. Project setup: To create this simple refresh, we need to have a FlatList in yo...Jan 7, 2024·1 min read
Javascript Interview 101: Closure in Js and use case.💡 Concept: Closure is a function that can access to parent scope even after the parent function has closed. To understand this concept we need to break it down in two part. Part 1: Variable and scope. A variable can belong to the local or global s...Oct 24, 2023·2 min read
Javascript Interview 101: Hoisting in Javascript.Hoisting in Javascript's default behavior of moving declarations to the top of the current scope. Example 1: x = 5 console.log(x); // return 5 var x; // declaration part Expand: Hoisting in JS is the behavior of JS when it will move all declaration...Oct 20, 2023·1 min read