JP
JP Codes
Change theme
JP Codes

JP Codes

Code warrior: slaying ToDos From Tags to Triumph Adventures in Web Development Dev Experiments: Pushing Pixels & Performance

Web development guides, insights, and practical articles on building robust applications.

Featured
Claude Code Commands and Guide
AI Tools

Claude Code — Commands & Guide

A complete reference for Claude Code — from installation and basic navigation through to advanced automation, MCP, and enterprise workflows.

James Platt

James Platt

Nov 10, 2025 · 8 min read

Recent Posts

Browse all
MCP Servers in VS Code
AI Tools

How to Add and Manage MCP Servers in VS Code

MCP servers let GitHub Copilot interact with external tools, APIs, and databases directly from chat. A complete guide to installing, configuring, sandboxing, and managing them in VS Code.

James Platt James Platt ·Mar 10, 2026 ·7 min
TypeScript Utility Types
Development

The Ultimate Guide to TypeScript Utility Types

A practical walkthrough of every built-in TypeScript utility type — Pick, Omit, Partial, Record, ReturnType, Awaited, and more — with examples and when to use each one.

James Platt James Platt ·Mar 9, 2026 ·7 min
MarkItDown MCP Server Setup
AI Tools

How to Set Up the MarkItDown MCP Server

A step-by-step guide to installing and connecting Microsoft's MarkItDown MCP server to Claude Desktop or any MCP-compatible LLM client.

James Platt James Platt ·Mar 9, 2026 ·5 min
Server Actions vs React Fetch
Next.js

Next.js Server Actions vs React Fetch

Server Actions vs client fetch — performance, security, bundle size, and real CRUD examples with useOptimistic for instant UI updates.

James Platt James Platt ·Nov 12, 2025 ·12 min
Next.js Cheat Sheet
Next.js

Next.js Cheat Sheet

A concise reference for Next.js essentials — routing, data fetching, rendering strategies, server actions, image/font optimisation, and more.

James Platt James Platt ·Nov 10, 2025 ·10 min
Images in Next.js
Next.js

Images in Next.js

How to use the next/image component for automatic WebP conversion, responsive sizing, lazy loading, and CLS prevention — plus the key limitations.

James Platt James Platt ·Nov 11, 2020 ·4 min
GitHub Markdown Guide
GitHub

GitHub Markdown Guide

A practical cheat sheet for GitHub Flavored Markdown — headers, code blocks, tables, task lists, and everything you need to write great READMEs.

James Platt James Platt ·Oct 11, 2025 ·5 min
Bulletproof React Architecture
React

Bulletproof React Architecture

How to structure scalable React applications using feature-based organisation — a guide to the principles behind the Bulletproof React template.

James Platt James Platt ·Nov 2, 2025 ·7 min
useState vs useEffect Explained
React

useState vs useEffect Explained

A clear, practical breakdown of two of React's most fundamental hooks — when to use each, with code examples and a comparison table.

James Platt James Platt ·Nov 11, 2025 ·8 min
Emerging Tech Trends to Watch
Trends

Emerging Tech Trends to Watch

From AI proliferation and HealthTech to clean energy and immersive XR — the forces shaping the next five years of technology and business.

James Platt James Platt ·Nov 8, 2025 ·6 min
Developer Experience Matters
Development

Developer Experience Matters

Tools, workflows, and culture shifts that make developers genuinely happy — and why DX is the hidden driver behind product quality.

James Platt James Platt ·Jan 7, 2026 ·5 min
Accessible Design for Everyone
Accessibility

Accessible Design for Everyone

Building interfaces that truly work for all users isn't just an ethical imperative — it's what separates good design from great design.

James Platt James Platt ·Jan 14, 2026 ·10 min
The Future of Web Performance
Performance

The Future of Web Performance

Core Web Vitals and beyond — what the next generation of performance metrics means for how we build and measure modern web experiences.

James Platt James Platt ·Jan 20, 2026 ·9 min
Typography in the Digital Age
Design

Typography in the Digital Age

How to choose and pair typefaces that communicate your message clearly while elevating the overall aesthetic of your digital products.

James Platt James Platt ·Jan 28, 2026 ·7 min
Building with Modern CSS Grid
Development

Building with Modern CSS Grid

A comprehensive look at CSS Grid and how it's transformed the way we approach layout design in modern web development.

James Platt James Platt ·Feb 5, 2026 ·6 min
The Art of Minimalist Design
Design

The Art of Minimalist Design

Exploring the timeless principles that make minimalist design endure across mediums, cultures, and decades. Less is more — but only when done right.

James Platt James Platt ·Feb 10, 2026 ·8 min

Stay in the loop

New articles delivered to your inbox, twice a month. No spam, ever. Unsubscribe at any time.