Memorymesh

"I may not have gone where I intended to go, but I think I have ended up where I needed to be."

Zustand: The Secret Weapon for Efficient User State Management in React

Zustand: The Secret Weapon for Efficient User State Management in React As React developers, we’ve all been there: wrestling with component re-renders, juggling refs, and crafting elaborate memoiz...

Posted by Aug on September 1, 2024

Optimizing React Authentication: Minimizing Re-renders and Improving Performance

Current Tech Stack Framework: Next.js 14 (app router) Internationalization: next-intl CSS: Tailwind CSS Backend: Supabase with Auth-UI The Challenge: Minimizing Re-renders I was noticing...

Posted by Aug on August 30, 2024

Conditional Rendering in Next.js: Hiding Footer on Specific Pages

Current Tech Stack Framework: Next.js 14 (app router) Internationalization: next-intl CSS: Tailwind CSS Backend: Supabase with Auth-UI The Challenge: Conditional Footer Rendering In our...

Posted by Aug on June 21, 2024

Integrating with Shadcn: Tips and Insights for Seamless UI Component Integration

Integrating with Shadcn: My Experience and Insights I wanted to make a blog post talking about my experience integrating with shadcn. Here’s what I ran into. Project Preparation Before diving in...

Posted by Aug on June 8, 2024

Securing SSH: A Deep Dive into Fail2Ban Configuration and Rule Management

Understanding the Issue Despite having Fail2Ban and UFW installed, unauthorized login attempts were not blocked. I didnt understand the order of rule processing in iptables. I modified the rules t...

Posted by Aug on June 3, 2024

Navigating UI Framework Transitions: From Bootstrap to Shadcn

Current Tech Stack Framework: Next.js 14 (app router) Internationalization: next-intl CSS: Tailwind CSS Backend: Supabase with Auth-UI Choosing the Right UI Framework I think I’ve settl...

Posted by Aug on May 31, 2024

Navigating Client vs Server-Side Authentication in Web Development

Current Tech Stack Framework: Next.js 14 (app router) Internationalization: next-intl CSS: Tailwind CSS Backend: Supabase with Auth-UI Introduction While implementing social login featur...

Posted by Aug on May 7, 2024

Implementing Auth and Database for 8-Bit Oracle

Current Tech Stack Framework: Next.js (app router) Internationalization: next-intl CSS: Tailwind CSS Backend: Supabase with Auth-UI Overview With the website detailing the app’s needs, i...

Posted by Aug on May 5, 2024

Claude vs GPT4 for Coding

Some short notes and experiences. I use cursor.sh IDE integrated with GPT4 with my project, and I have Claude Opus in a standalone browser window. Claude in general is better at reasoning, gives ...

Posted by Aug on April 19, 2024

How to Create an Interactive Typing Effect in React with Skip Animation Feature

(Notes for myself - you can check out the effect at 8bitoracle.ai) Getting a typing effect working properly is pretty hard. I have a few paragraphs of text and wanted to have a typing effect over...

Posted by Aug on April 17, 2024