Vishnuprasad

Software Engineer 🔁Gamer

[Vishnuprasad @o_vp_v]

Are we finally moving beyond useState for every form field?
React 19's useActionState() is changing how forms are built.

My thoughts on developing web forms in 2026 👇
https://t.co/ULQJqq9ZbD
#reactjs #frontend

[Vishnuprasad @o_vp_v]

Realise is live on iOS.

Memento mori. You will die.
This app shows how much time you have left—in hours, not years. Then it shows what remains after sleep & work.
Clarity about mortality is the antidote to wasted life.
Download. Look. Act.

https://t.co/PxICX7KpKs

[Vishnuprasad @o_vp_v]

Just published a guide to CIDR blocks—breaking down the notation, the formula, and the engineering that makes it work.

#infrastructure #networking

https://t.co/35xzF9DEgn

[Vishnuprasad @o_vp_v]

Native MediaRecorder doesn't support WAV out of the box.

Browser support is inconsistent. You end up with blobs you didn't ask for.

Here's how to fix it using extendable-media-recorder + WAV encoder in React 🎙️

New article 👇
https://t.co/BDIsJQi69y

[Vishnuprasad @o_vp_v]

WebSockets aren’t always the answer.

In my latest article, I explain HTTP Server-Sent Events (SSE) — what it is, how it works, and why it’s often a better default than WebSockets for real-time updates, plus when WebSockets actually make sense.

https://t.co/8UyQLkOnVe

[Vishnuprasad @o_vp_v]

Built the same component in 2 apps? 😅 App A has a Button, App B needs the “same but slightly different” Button… hello duplicates.

Module Federation lets App B load App A’s component at runtime (no copy-paste, no republishing a package).

Read: https://t.co/IYUG4AKbxn

[Vishnuprasad @o_vp_v]

Web Components are browser-native UI building blocks:
✅ Custom Elements (your own tags)
✅ Shadow DOM (encapsulated DOM + CSS)
✅ Slots (content projection)

I wrote a practical guide on how to build one from scratch
https://t.co/uPtX175Xvn
#WebDev #JavaScript

[Vishnuprasad @o_vp_v]

Ever wondered how a message travels from from one region to another but in an IPv6 world? 🌍📡

New post in my IPv6 Playbook: SLAAC, NDP, MTU, fragmentation, BGP, anycast — all explained through one message’s journey.

https://t.co/Vq5TyS1yZq

[Vishnuprasad @o_vp_v]

👉 Front-end tip: Use IndexedDB as your data source and build full-CRUD web apps — all client-side, no backend required.

Fast, simple, and works offline. Check out this great how-to guide. #webdev #javascript #IndexedDB #frontend

https://t.co/UTTUDNvYWB

[Vishnuprasad @o_vp_v]

Ever wondered how your device instantly gets an IPv6 address when it joins Wi-Fi?
In Part 3, I break down the full flow — link-local, router ads, SLAAC, DAD, and how your device builds its global identity.

🔗 Read: https://t.co/3KEKiXNCUH

#SoftwareEngineering

[Vishnuprasad @o_vp_v]

IPv6 Playbook (Part 2) — breaking down how IPv6 addresses actually work.

If IPv6 ever looked like a wall of hex + colons, this will finally make it make sense.
Simple explanations. Real scenarios. Zero jargon.

Read here 👉 https://t.co/7KTeOMhiWV

[Vishnuprasad @o_vp_v]

I just published Networking foundations — IPv6 Playbook (Part 1) https://t.co/67Aq8c3BTL

#computernetworking #informationtechnology #ipv6 #tech

[Vishnuprasad @o_vp_v]

https://t.co/qHesAbxSak

[Vishnuprasad @o_vp_v]

This article walks through the journey of that small packet of text using WhatsApp as the relatable example — but the concepts apply to nearly every type of internet communication: browsing, streaming, email, cloud sync, gaming, video calls… all of it sits on top of IPv4.

[Vishnuprasad @o_vp_v]

I just published Networking foundations Part 2: What is Link layer in TCP/IP? https://t.co/aHwiy4MoNz

[Vishnuprasad @o_vp_v]

https://t.co/tSTUXTyr6U

#WooCommerce #wordpress #nextjs #webapp

[Vishnuprasad @o_vp_v]

From ant colonies to the global internet — this post breaks down what a network really is, types like LAN/CAN/MAN/WAN, and who actually runs the internet.

Start from the basics before diving deep into TCP/IP! 🌐⚡️

👉 https://t.co/8GhvB9onJU
#Networking #TCPIP #TechBasics #LAN

[Vishnuprasad @o_vp_v]

I just published I Decided to Deep Learn DNS — Here’s What I Learned https://t.co/X4yJoyNd3v

[Vishnuprasad @o_vp_v]

Example use case for function in state:

useEffect(() => {
async function fetchFn() {
const res = await fetch('/api/remote-fn');
const fn = new Function(res.args, res.body);
setOnComplete(() => fn);
}

fetchFn();
}, []);

[Vishnuprasad @o_vp_v]

Want to use a function as state?

⚠️ Don’t. Unless absolutely needed (like dynamic code injection).

Most of the time, useRef is the better choice.

But if you’re fetching a remote function and storing it:

const [onComplete, setOnComplete] = useState(() => () => {});