/* Ritesh Shukla — portfolio site sections. Composes the design-system components. Exports to window for index.html. */ const { Button, Badge, Card, PackageCard, Terminal, Equalizer, Wordmark } = window.RiteshShuklaDesignSystem_fd8f35; /* ---- Lucide icon helper ---- */ function Icon({ name, size = 18, color, style }) { return ; } function useLucide(dep) { React.useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, [dep]); } /* ---- Scroll reveal (IntersectionObserver driven from index.html) ---- */ function Reveal({ children, as = "div", style = {}, className = "", delay = 0 }) { const Comp = as; return ( {children} ); } /* ===================== DATA ===================== */ const PACKAGES = [ { name: "react-native-nitro-fetch", description: "A drop-in fetch replacement. ~28% faster API calls via Cronet and native networking — change one import.", version: "0.16.0", href: "https://github.com/riteshshukla04/react-native-nitro-fetch" }, { name: "react-native-nitro-player", description: "A powerful audio player. Zero bridge overhead, native Kotlin & Swift, CarPlay & Android Auto, offline queue.", version: "0.8.0", href: "https://github.com/riteshshukla04/react-native-nitro-player" }, { name: "react-native-superconfig", description: "Super-fast remote config backed by native storage. Read flags synchronously on the JS thread.", version: "1.0.1", href: "https://github.com/riteshshukla04/react-native-superconfig" }, { name: "react-native-nitro-ota", description: "Over-the-air updates built on Nitro Modules. Ship JS without waiting on the store.", version: "0.4.2", href: "https://github.com/riteshshukla04/react-native-nitro-ota" }, ]; const EXPERIENCE = [ { role: "Founder", org: "Dark", period: "Now", note: "Building Dark." }, { role: "React Native Engineer", org: "Margelo", period: "Now", note: "High-performance React Native for media-heavy apps. JSI, C++, and native modules done right." }, { role: "React Native Engineer", org: "Bajaj Finserv Health", period: "Ex", note: "I Made all BFHL apps faster." }, { role: "Open Source", org: "React Native Core", period: "Ongoing", note: "Contributor to React Native Core and a stack of ecosystem libraries." }, ]; const SOCIALS = [ ["github", "https://github.com/riteshshukla04"], ["twitter", "https://x.com/RiteshRk14"], ["linkedin", "https://www.linkedin.com/in/ritesh-shukla-19a154208/"], ["mail", "mailto:riteshshukla2381@gmail.com"], ]; /* ===================== NAV ===================== */ function TopNav({ theme, onToggleTheme }) { useLucide(theme); const links = [["Open Source", "#work"], ["Experience", "#experience"], ["About", "#about"]]; return (
); } /* ===================== HERO ===================== */ function Hero() { useLucide(); return (
react-native engineer Pune, IN · UTC+5:30

I make React Native
stupid fast.

I code in React Native. I founded Dark and I work at Margelo.

Currently Margelo · founder of Dark
); } /* ===================== OPEN SOURCE ===================== */ function Work() { // Auto-fetch the latest published version for each package from the npm // registry (CORS-enabled). Falls back to the bundled version on failure. const [versions, setVersions] = React.useState({}); React.useEffect(() => { let alive = true; PACKAGES.forEach((p) => { fetch("https://registry.npmjs.org/" + encodeURIComponent(p.name) + "/latest") .then((r) => (r.ok ? r.json() : null)) .then((d) => { if (alive && d && d.version) setVersions((v) => ({ ...v, [p.name]: d.version })); }) .catch(() => {}); }); return () => { alive = false; }; }, []); return (
{PACKAGES.map((p, i) => )}
); } /* ===================== EXPERIENCE ===================== */ function Experience() { return (
{EXPERIENCE.map((e, i) => (
{e.period}

{e.role}

· {e.org}

{e.note}

 ))}
); } /* ===================== ABOUT ===================== */ function About() { useLucide(); const facts = [ ["terminal", "If it has a CLI, I'll probably love it"], ["headphones", "Guy with earphones — audio is my thing"], ["smile", "I love memes (probably too much)"], ["zap", "Perf over ceremony. One-line wins beat refactors"], ["sparkles", "Starter Pokémon: Bulbasaur"], ]; return (

You don't need re-render hacks and useEffect cleanups to make a React Native app fast. You need to know where the bridge actually hurts.

I work in the native layer — Kotlin, Swift, C++, JSI — and wrap it in clean JS APIs so product teams move fast without paying for it later.

{facts.map(([icon, text], i) => ( {text} ))}
); } /* ===================== FOOTER ===================== */ function Footer() { useLucide(); return ( ); } /* ---- shared section header ---- */ function SectionHead({ eyebrow, title, sub, noMargin }) { return (
{eyebrow}

{title}

{sub &&

{sub}

}
); } Object.assign(window, { TopNav, Hero, Work, Experience, About, Footer });