React-18 on Hi, I'm Muhammad Amal https://muhammadamal.my.id/tags/react-18/ Recent content in React-18 on Hi, I'm Muhammad Amal Hugo en-us Wed, 13 Apr 2022 09:00:00 +0700 Upgrading a React 17 App to React 18, A Working Checklist 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. React 18 New Hooks, useId, useSyncExternalStore, and When You'll Actually Use Them 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. React 18 Automatic Batching, One Render Pass For All Your State Updates 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. React Concurrent Rendering, useTransition and useDeferredValue Explained 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. React 18 Is Here, What Actually Changed for App Developers 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.