Understanding Public and Private Key Cryptography
The Mechanics Behind Public and Private Key Cryptography
Rishi Bakshi Blog
Explore state placement, custom hooks, and key design patterns for scalable React apps. 💡 Discover Feature, UI, Page, and Compound components. 🚀 Transition from junior to mid-senior level coding! 📈
Latest articles
HTTP vs. HTTPS: The Starting Point
What is HTTP? HTTP (Hypertext Transfer Protocol) is the foundational protocol used to transfer data between a browser and a server. However, it lacks encryption, which makes it highly insecure. Any data transmitted over HTTP can be intercepted and re...
Mastering Loading States in Next.js: Effective Use of Suspense and loading.tsx
When dealing with server components and fetching data in Next.js, a common mistake is neglecting to handle the loading state effectively. Imagine you're loading product data in a server component, and while the API request is being processed, the pag...
Dynamic Routes in Next.js: Understanding the Significance of params and searchParams
One common mistake developers make in Next.js is misunderstanding how dynamic routes work, particularly regarding the params and searchParams props. It’s crucial to understand that these props are only accessible in the page components and not in any...
The Biggest Mistake You’re Making with Next.js Server Actions: Silent Threat
One of the critical mistakes I learned in my Next.js journey is failing to validate and protect server actions. Server actions in Next.js can expose post routes, which can be vulnerable if not properly secured. When using server actions, it's essenti...
Think Server Actions Can Only Be Used in Server Components? Think again
One common misconception in Next.js development is thinking that server actions can only be utilized within server components. However, this isn't the case. Server actions can be used inside client components as well, which allows us to interact with...
Page Not Reflecting Updated Data After Mutation? Here's How to Fix It
When working with data mutations in Next.js, one common problem is when the page doesn’t update after adding or editing data. Imagine you’re adding a new to-do item via a server action, and even though the data is updated in the database, the changes...
How to Prevent the Waterfall Effect in Data Fetching
In this article, we’ll dive into a common issue developers face when fetching data in Next.js or any asynchronous JavaScript environment: the waterfall effect. This happens when data fetching occurs sequentially, leading to slower response times. It’...
Still Convinced That Multiple Fetch Requests Hit the Database Multiple Times? You’re Missing Out!
One of the common mistakes I've encountered while working with Next.js is the misconception that making separate data fetching requests in different components is inefficient or problematic. In this article, we'll explore this mistake, how caching wo...