React on Dennis Lin - The Rendered Soul https://blog.dennislin.io/tags/react/ Recent content in React on Dennis Lin - The Rendered Soul Dennis Lin - The Rendered Soul https://blog.dennislin.io/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E https://blog.dennislin.io/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E Hugo -- 0.153.2 en Fri, 02 Aug 2024 20:35:19 -0700 Building an Interactive Code Syntax Highlighter with HTMX vs React https://blog.dennislin.io/posts/2024-08-02-code-syntax-highlighter-htmx-react/ Fri, 02 Aug 2024 20:35:19 -0700 https://blog.dennislin.io/posts/2024-08-02-code-syntax-highlighter-htmx-react/ Exploring two different approaches to the same interactive UI problem, and thoughts about developer experience and performance Server Actions vs API Routes in Next.js: My Journey with Both Approaches https://blog.dennislin.io/posts/2024-01-19-server-actions-api-routes-journey/ Fri, 19 Jan 2024 21:01:56 -0700 https://blog.dennislin.io/posts/2024-01-19-server-actions-api-routes-journey/ Some thoughts on choosing between these patterns based on recent project experiences React 18's useId(): The End of Element ID Generation Headaches https://blog.dennislin.io/posts/2022-06-10-useid-id-gen-headaches/ Fri, 10 Jun 2022 19:43:01 -0700 https://blog.dennislin.io/posts/2022-06-10-useid-id-gen-headaches/ A deep dive into how React's new hook solves persistent accessibility and server rendering challenges React 18 in Production: Concurrent Rendering Delivers on its Promise https://blog.dennislin.io/posts/2022-05-19-react-18-production/ Thu, 19 May 2022 21:12:33 -0700 https://blog.dennislin.io/posts/2022-05-19-react-18-production/ React 18's stable release transforms application performance and developer experience Observability Hygiene: When React Components Accidentally Expose PII to Sentry https://blog.dennislin.io/posts/2021-11-05-react-sentry-pii/ Fri, 05 Nov 2021 20:04:34 -0700 https://blog.dennislin.io/posts/2021-11-05-react-sentry-pii/ debugging a privacy issue in error tracking and the lessons it taught us about monitoring hygiene Gearing Up for React 18: Concurrent React https://blog.dennislin.io/posts/2021-08-14-react-18-alpha/ Sat, 14 Aug 2021 18:50:36 -0700 https://blog.dennislin.io/posts/2021-08-14-react-18-alpha/ Exploring strategies to prepare your React applications for the concurrent rendering paradigm Learning from the New Experimental CRA to Next.js Migration Codemod https://blog.dennislin.io/posts/2021-07-26-experimental-cra-to-next-codemod/ Mon, 26 Jul 2021 19:51:13 -0700 https://blog.dennislin.io/posts/2021-07-26-experimental-cra-to-next-codemod/ Automating the migration path from Create React App to Next.js with a new experimental transform tool Code Splitting with @loadable/component https://blog.dennislin.io/posts/2021-04-30-code-splitting-loadable-component/ Fri, 30 Apr 2021 22:03:26 -0700 https://blog.dennislin.io/posts/2021-04-30-code-splitting-loadable-component/ Unlock server-side rendering compatible code splitting Webpack 5 Module Federation: My First Small-Scale Experiment https://blog.dennislin.io/posts/2020-12-18-webpack-5-module-federation-first/ Fri, 18 Dec 2020 19:51:11 -0700 https://blog.dennislin.io/posts/2020-12-18-webpack-5-module-federation-first/ Exploring how the latest Webpack feature is changing the way we share code between frontend applications Navigating React State: Redux, Context, and the New Kid, Recoil https://blog.dennislin.io/posts/2020-10-26-redux-context-recoil/ Mon, 26 Oct 2020 18:45:52 -0700 https://blog.dennislin.io/posts/2020-10-26-redux-context-recoil/ A practical comparison of popular state management options for React developers today