Writing on frontend development

Practical notes from shipping React and Next.js products — TypeScript, UI patterns, and the CLIs I use with clients and agents.

Always-On Context vs On-Demand Skills

8 Sep 2026•

6 min

•Murat Hüdavendigâr Öncü

codebrief writes what a repo is. skillbrief writes how to work in it. Why I shipped two zero-dependency CLIs instead of stuffing one rules file with everything an agent might need.

#nodejs#typescript#cli

How I Structure a Next.js App Router Product

6 Sep 2026•

6 min

•Murat Hüdavendigâr Öncü

A practical breakdown of how I organize routes, data, and metadata in production Next.js App Router apps, using this portfolio's own single-page-to-multi-page migration as the working example.

#nextjs#react#typescript

Getting Started with Responsive Web Design

26 Feb 2026•

8 min

•Murat Hüdavendigâr Öncü

A beginner-friendly guide to responsive web design in 2026, covering fluid grids, flexible images, media queries, and CSS Grid with real code examples.

#css#responsive design#web design

JavaScript Objects Don’t Have to Be Complicated

1 Oct 2025•

4 min

•Murat Hüdavendigâr Öncü

An expanded beginner's guide to understanding JavaScript objects, featuring code examples and best practices for data organization.

#javascript#programming#web development

React Hooks Explored: Essential Strategies and Crafting Custom Solutions

10 Jan 2024•

9 min

•Murat Hüdavendigâr Öncü

An in-depth exploration of React Hooks, covering core mechanics, performance optimization with useMemo/useCallback, and a complete guide to building reusable custom hooks.

#react#javascript#web-development

TypeScript: Understanding Interfaces and Types

18 Dec 2023•

7 min

•Murat Hüdavendigâr Öncü

A comprehensive deep dive into the differences between Interfaces and Type aliases in TypeScript, including code examples and best practices for modern development.

#typescript#javascript#web-development

Essential JavaScript Array Methods Every React Developer Should Know

25 Oct 2023•

7 min

•Murat Hüdavendigâr Öncü

A comprehensive guide to the top 10 JavaScript array methods every React developer needs to master, with a strong focus on immutability and state management.

#react#javascript#web-development

TypeScript: Supercharge Your JavaScript with Type Safety

16 Oct 2023•

6 min

•Murat Hüdavendigâr Öncü

Discover how TypeScript adds robust static typing to JavaScript, preventing runtime errors and drastically improving your developer experience.

#typescript#javascript#web-development

Looking for the earlier Python/Django learning notes? See the archive →