Duncan Leung https://www.duncanleung.com/blog 📚 Learning, 👨🏻‍💻 Building, 📝 Documenting... en-us duncan@leungs.email (Duncan Leung) duncan@leungs.email (Duncan Leung) Sat, 15 Jul 2017 00:00:00 GMT https://www.duncanleung.com/blog/avoiding-react-setstate-pitfalls Avoiding React setState() Pitfalls https://www.duncanleung.com/blog/avoiding-react-setstate-pitfalls A guide to avoiding common pitfalls when using setState in React, including asynchronous updates, batching, and state management patterns. Sat, 15 Jul 2017 00:00:00 GMT duncan@leungs.email (Duncan Leung) react https://www.duncanleung.com/blog/webpack-build-react-production-windows webpack: Building React For Production on Windows https://www.duncanleung.com/blog/webpack-build-react-production-windows A guide to configuring Webpack for building optimized React production bundles on Windows, including environment-specific settings and common pitfalls. Mon, 31 Jul 2017 00:00:00 GMT duncan@leungs.email (Duncan Leung) reactwebpack https://www.duncanleung.com/blog/react-pure-render-this-binding-patterns Pure render() 'this' Binding Patterns in React https://www.duncanleung.com/blog/react-pure-render-this-binding-patterns A deep dive into React pure render optimization and method binding patterns, exploring different approaches for improving component performance. Wed, 02 Aug 2017 00:00:00 GMT duncan@leungs.email (Duncan Leung) reactperformance https://www.duncanleung.com/blog/fixing-react-warning-synthetic-events-in-setstate Fixing React Warning: Synthetic Events in setState() https://www.duncanleung.com/blog/fixing-react-warning-synthetic-events-in-setstate Understand and resolve React synthetic event warnings in setState, with best practices for event handling and state updates. Mon, 14 Aug 2017 00:00:00 GMT duncan@leungs.email (Duncan Leung) react https://www.duncanleung.com/blog/react-state-rerender-useeffect Understanding useEffect: Each Render Has Its Own Props, State, and Effects https://www.duncanleung.com/blog/react-state-rerender-useeffect A mental model for useEffect — moving past the lifecycle (mount/update/unmount) mindset to thinking about effects as a way to synchronize side effects with React state and props. Tue, 05 May 2020 00:00:00 GMT duncan@leungs.email (Duncan Leung) reacthooks https://www.duncanleung.com/blog/accessing-material-ui-theme-object-emotion-styled-component-css-prop Accessing Material UI Theme Object in Emotion JS https://www.duncanleung.com/blog/accessing-material-ui-theme-object-emotion-styled-component-css-prop A guide to access and utilize Material-UI theme objects within Emotion styled components and CSS props, with practical implementation examples. Thu, 22 Oct 2020 00:00:00 GMT duncan@leungs.email (Duncan Leung) reactmaterial-uiemotion https://www.duncanleung.com/blog/image-scrolling-loading Tackling 'on load' Scrolling in Chat Applications https://www.duncanleung.com/blog/image-scrolling-loading How to solve one of the most frustrating UX issues in chat applications: ensuring automatic scrolling works correctly when images load asynchronously. Tue, 16 Apr 2024 00:00:00 GMT duncan@leungs.email (Duncan Leung) reactDOM https://www.duncanleung.com/blog/useref-resize-observer-react-dynamic-measurements Why useRef Doesn't Work for Dynamic Element Measurements https://www.duncanleung.com/blog/useref-resize-observer-react-dynamic-measurements Why useRef alone is insufficient for dynamic measurements, and how to combine it with ResizeObserver and useState for responsive UI. Tue, 16 Apr 2024 00:00:00 GMT duncan@leungs.email (Duncan Leung) reactDOM