https://muhammadamal.my.id/tags/react/ Recent content in React on Hi, I'm Muhammad Amal Hugo en-us Wed, 15 May 2024 09:00:00 +0700 https://muhammadamal.my.id/blog/react-reflexion-planner-executor-agent-loops/ Wed, 15 May 2024 09:00:00 +0700 https://muhammadamal.my.id/blog/react-reflexion-planner-executor-agent-loops/ Three agent loop patterns, when each is the right shape, and the code to build them with LangChain 0.1 and OpenAI’s function calling. https://muhammadamal.my.id/blog/react-server-components-nextjs-13/ Thu, 16 Feb 2023 09:00:00 +0700 https://muhammadamal.my.id/blog/react-server-components-nextjs-13/ How to think about React Server Components in Next.js 13. Composition rules, the client/server boundary, and where they break. https://muhammadamal.my.id/blog/nextjs-13-app-router-first-impressions/ Mon, 13 Feb 2023 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-13-app-router-first-impressions/ Next.js 13 app router from a backend dev’s view: server components, data fetching, the still-beta status, and what production-ready looks like. https://muhammadamal.my.id/blog/april-retro-react-18-nextjs/ Fri, 29 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/april-retro-react-18-nextjs/ April retro: React 18 + Next.js 12 in production. Wins, surprises, bugs caught, what’s next. https://muhammadamal.my.id/blog/nextjs-routing-pages-dynamic/ Mon, 18 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/nextjs-routing-pages-dynamic/ Next.js 12 routing. File-based, dynamic, catch-all, optional, nested layouts, useRouter idioms. https://muhammadamal.my.id/blog/cra-to-nextjs-12-migration/ Fri, 15 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/cra-to-nextjs-12-migration/ CRA → Next.js 12 in 2022. Pages, routing, env vars, build, what breaks. https://muhammadamal.my.id/blog/upgrading-react-17-to-react-18/ Wed, 13 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/upgrading-react-17-to-react-18/ Concrete walkthrough: React 17 → 18 upgrade. Packages, createRoot, TS types, Strict Effects, library compat. https://muhammadamal.my.id/blog/react-18-useid-usesyncexternalstore/ Mon, 11 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/react-18-useid-usesyncexternalstore/ React 18 new hooks: useId for SSR-safe IDs, useSyncExternalStore for external state, useInsertionEffect for CSS-in-JS. https://muhammadamal.my.id/blog/react-18-automatic-batching/ Fri, 08 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/react-18-automatic-batching/ React 18 batches all state updates, not just event handlers. flushSync to opt out. Free perf win for most apps. https://muhammadamal.my.id/blog/react-suspense-data-fetching-2022/ Wed, 06 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/react-suspense-data-fetching-2022/ React 18 Suspense for data fetching today. SWR 1.3, React Query 4, working patterns, effect-related gotchas. https://muhammadamal.my.id/blog/react-concurrent-rendering-usetransition/ Mon, 04 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/react-concurrent-rendering-usetransition/ React 18 concurrent rendering. useTransition for non-urgent updates, useDeferredValue for derived values. When each wins. https://muhammadamal.my.id/blog/react-18-changes-for-app-devs/ Fri, 01 Apr 2022 09:00:00 +0700 https://muhammadamal.my.id/blog/react-18-changes-for-app-devs/ React 18 shipped Mar 2022. Concurrent rendering, automatic batching, new hooks, Suspense data fetching, Strict Effects.