Blog Articles

View on Medium

Latest insights and tutorials on modern web development, React, Next.js, and frontend technologies.

Featured Articles

10 min
medium.com

From 0% to 87.5% Test Coverage: A Testing Strategy Implementation Guide

A comprehensive guide to implementing a robust testing strategy for a React/Next.js portfolio, covering unit tests, integration tests, and the tools and patterns that got us to 87.5% coverage.

TestingVitestReact Testing Library
7 min
medium.com

How I Reduced My Portfolio Bundle Size by 36KB: A Bundle Optimization Journey

A deep dive into analyzing and optimizing bundle size by replacing Framer Motion with GSAP, including detailed analysis, decision-making process, and measurable results.

Bundle OptimizationPerformanceGSAP
1 min
medium.com

Building Scalable React Applications with TypeScript

Learn how to structure large React applications using TypeScript, proper state management, and performance optimization techniques.

TypeScriptPerformanceArchitecture

All Articles

1 min
medium.com

Next.js 15: New Features and Best Practices

Exploring the latest features in Next.js 15, including improved performance, new APIs, and deployment optimizations.

PerformanceSSRDeployment
7 min
medium.com

Optimizing Core Web Vitals for Better SEO

A comprehensive guide to improving Core Web Vitals metrics and their impact on search engine rankings.

SEOWeb VitalsOptimization
1 min
medium.com

Modern CSS Techniques for Better Performance

Discover advanced CSS techniques including CSS Grid, Flexbox, and modern layout methods for optimal performance.

CSS GridFlexboxPerformance
1 min
medium.com

State Management in Large React Applications

Comparing different state management solutions and choosing the right approach for your React application.

State ManagementReduxContext API
1 min
medium.com

Building Accessible Web Applications

Essential accessibility practices and tools for creating inclusive web experiences that work for everyone.

A11yWCAGInclusive Design
8 min
medium.com

React Server Components: The Future of React

A comprehensive guide to React Server Components, understanding the paradigm shift, and implementing them effectively in Next.js 14+ applications.

ReactServer ComponentsNext.js
7 min
medium.com

API Design Best Practices: Building RESTful APIs That Scale

Learn how to design robust, scalable REST APIs with proper error handling, versioning, authentication, and documentation.

API DesignRESTBackend
100 Tips to Write Clean Code
3 min
medium.com

100 Tips to Write Clean Code

Writing code is easy. Writing clean code — code that is readable, maintainable, and scalable — is a craft.Clean code helps teams collaborate better, reduces technical debt, and makes your future self ...

Month At King Hussein Cancer Center
2 min
medium.com

Month At King Hussein Cancer Center

Yesterday, I’ve finished my voluntary work at the summer camp at King Hussein Cancer Center, it was a memorable month…This month outdoor recreational program, held annually in the summer at KHCC, give...

inspirationvolunteeringsummer-camp
RBK Experience
4 min
medium.com

RBK Experience

RBK is a career accelerator training producing high quality software engineers.The training is 2 phases: Phase 1 which is Prep phase, it’s 4 weeks to prepare you and give you the basics of programming...

software-engineeringpair-programmingcoding
Git, GitHub Manual
11 min
medium.com

Git, GitHub Manual

GitHub Contribution ArtGit can be a very powerful tool for developers if they know what they’re doing, However, if they don’t, the workflow feels more like an obstacle. Although I agree that it can ta...

gitgithub
JavaScript Quiz
1 min
medium.com

JavaScript Quiz

Let us do some practice in JavaScript and answer these questions without using console.Write down your answers.JavaScript Questions...

quizbrain-trainingnoconsoleallowed
I NEVER LOSE! Either I WIN or I LEARN
2 min
medium.com

I NEVER LOSE! Either I WIN or I LEARN

https://medium.com/media/c44909eb5cac32c00dfb18ca348e2381/href“ I NEVER LOSE! Either I WIN or I LEARN..” — Nelson MandelaIf you have the right attitude, there is no such thing as truly losing. Defeat,...

Cover image for How I’m Using Claude Code Status Line (New Feature) To Keep Context
5 min
medium.com

How I’m Using Claude Code Status Line (New Feature) To Keep Context

How I’m Using Claude Code Status Line (New Feature) To Keep Context Claude Code has introduced the status line to eliminate your terminal confusion and chaos. If, Sometimes you get confused about …

Cover image for Is Udemy a Good Place to Learn Tech Skills in 2025? Is it Worth it?
5 min
medium.com

Is Udemy a Good Place to Learn Tech Skills in 2025? Is it Worth it?

Is Udemy a Good Place to Learn Tech Skills in 2025? Is it Worth it? Is Udemy worth it for learning tech skills in 2025 Hello guys, If you are wondering whether Udemy is a good place to learn Tech …