NAYAN’S ENGINEERING JOURNAL

Notes worth keeping.
Page 3 of 9.

My collection of practical guides on React, Angular, JavaScript, frontend design, performance, technical SEO and reliable delivery. Explore a topic, follow an example, and check the details.

103 GUIDES IN THE JOURNAL / 12 ON THIS PAGE

Engineering articles

SEO2 min read

Create Internal Links Around the Reader’s Next Useful Question

Connect guides and tools with descriptive links that form useful paths rather than artificial keyword clusters.

CSS2 min read

Create Print Styles for Articles and Portfolio Pages

Make the browser’s print view useful by removing decorative motion and preserving the information someone wants to keep.

CSS2 min read

CSS Logical Properties: Write Layout Rules Around Reading Direction

Use inline and block dimensions to make component spacing easier to adapt across writing directions.

JavaScript3 min read

Debounce vs Throttle for Real Interface Events

Choose the right event scheduling strategy for search, scroll feedback and responsive controls.

CSS2 min read

Debug Horizontal CSS Overflow Without Hiding the Evidence

Find the element that makes a page wider than its viewport and fix the actual sizing problem.

Next.js2 min read

Deploy a Next.js Static Export Without Assuming a Node Server Exists

Plan routes, browser features and hosting behavior around the files produced by a static build.

React3 min read

Derive React Display Data Instead of Synchronizing Copies

Keep one source of truth for filters, totals and labels, reserving effects for external synchronization.

DevOps2 min read

Design a Frontend CI/CD Pipeline Around Evidence and One Artifact

Separate installation, validation, build, publication and post-deployment checks so release failures have a clear location.

Accessibility2 min read

Design a Mobile Navigation Menu That Stays Easy to Use

Build a straightforward navigation disclosure with reliable focus, state and responsive behavior.

Angular3 min read

Design Angular Component Inputs as Clear Public Contracts

Keep required values, defaults and parent-owned state explicit when building reusable Angular components.

Frontend Engineering3 min read

Design API Loading, Empty and Error States Separately

Give each request outcome a truthful interface and make retries preserve the visitor’s work.

AWS2 min read

Design CloudFront Cache Policies Around Response Variants

Choose cache-key inputs and time-to-live settings by asking which request differences actually change the response.

Put a useful idea to work.

Try the browser utilities in my developer toolkit.

Explore my free tools