Web developer, front end engineerhttps://malcolmkee.com/https://malcolmkee.com/blog/writing-effective-bug-reports/https://malcolmkee.com/blog/writing-effective-bug-reports/Engineering isn't just about code; it's about communication. Learn why high-quality bug reports are vital for your team and how to write them effectively.Thu, 04 Dec 2025 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-i-write-tests/https://malcolmkee.com/blog/how-i-write-tests/How I write tests so that they are clean and maintainableTue, 22 Jul 2025 00:00:00 GMTen-UShttps://malcolmkee.com/blog/cancellation-in-frontend-engineering/https://malcolmkee.com/blog/cancellation-in-frontend-engineering/Explore why cancellation is crucial, not optional, in modern frontend engineering. Learn how to manage asynchronous JavaScript, prevent race conditions, and improve UI stability by rethinking request cancellation.Tue, 13 May 2025 00:00:00 GMTen-UShttps://malcolmkee.com/blog/ownership/https://malcolmkee.com/blog/ownership/关于责任心的一些粗略想法Sun, 30 Apr 2023 00:00:00 GMTzh-Hanshttps://malcolmkee.com/blog/open-api/https://malcolmkee.com/blog/open-api/Learn about OpenAPI, a tool that is popular for API development, and can be used to help with frontend development.Fri, 31 Mar 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/view-transition-api-in-react-app/https://malcolmkee.com/blog/view-transition-api-in-react-app/Discover how to use the View Transition API in your React apps to create engaging and fluid navigational experiences. This API simplifies the process of animating shared elements and can be used in various practical scenarios, such as showcasing product images, animating modals, and more.Fri, 17 Mar 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/automating-refactoring-with-codemod/https://malcolmkee.com/blog/automating-refactoring-with-codemod/Simple refactoring, when applied to large-scale codebase requires huge amount of manual work. Fortunately, you can make them manageable by using codemod - code transformations that runs on the codebase.Thu, 02 Mar 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/a-plugin-based-frontend-with-module-federation/https://malcolmkee.com/blog/a-plugin-based-frontend-with-module-federation/A plugin-based frontend architecture using Module Federation can be a powerful approach for microfrontend.Fri, 24 Feb 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/using-tailwindcss-with-module-federation/https://malcolmkee.com/blog/using-tailwindcss-with-module-federation/Solving CSS conflicts when using TailwindCSS with Module FederationTue, 21 Feb 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-to-create-cv-using-html/https://malcolmkee.com/blog/how-to-create-cv-using-html/Creating CV using HTML with CSS is straightforward if you know them, but making it exportable as PDF is more involvingMon, 20 Feb 2023 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/sorting-without-library/https://malcolmkee.com/today-i-learnt/sorting-without-library/Fri, 27 Jan 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/migrating-large-angular-apps-to-react/https://malcolmkee.com/blog/migrating-large-angular-apps-to-react/My experience migrating production angular applications to React and lessons learnt in the processFri, 20 Jan 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/flutter-for-react-developers/https://malcolmkee.com/blog/flutter-for-react-developers/Translations of terminology in Flutter to ReactWed, 04 Jan 2023 00:00:00 GMTen-UShttps://malcolmkee.com/blog/on-running/https://malcolmkee.com/blog/on-running/Fri, 02 Dec 2022 00:00:00 GMTen-UShttps://malcolmkee.com/blog/on-expanding-purpose/https://malcolmkee.com/blog/on-expanding-purpose/Thu, 01 Dec 2022 00:00:00 GMTen-UShttps://malcolmkee.com/blog/tips-for-newbie-programmer/https://malcolmkee.com/blog/tips-for-newbie-programmer/Sun, 23 Oct 2022 00:00:00 GMTen-UShttps://malcolmkee.com/blog/getting-things-done/https://malcolmkee.com/blog/getting-things-done/My takeaway while reading The 4 Disciplines of ExecutionMon, 05 Sep 2022 00:00:00 GMTen-UShttps://malcolmkee.com/blog/using-typescript-with-module-federation/https://malcolmkee.com/blog/using-typescript-with-module-federation/How to use TypeScript in Module Federation without overengineeringFri, 01 Jul 2022 00:00:00 GMTen-UShttps://malcolmkee.com/blog/starting-a-new-blog-again/https://malcolmkee.com/blog/starting-a-new-blog-again/Sat, 25 Jun 2022 00:00:00 GMTen-UShttps://malcolmkee.com/blog/no-perfect-time/https://malcolmkee.com/blog/no-perfect-time/Sun, 13 Jun 2021 00:00:00 GMTen-UShttps://malcolmkee.com/blog/portal-to-subtree/https://malcolmkee.com/blog/portal-to-subtree/How to render into any subtree in ReactThu, 29 Oct 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-to-keep-creating/https://malcolmkee.com/blog/how-to-keep-creating/Sat, 02 May 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/live-streaming/https://malcolmkee.com/blog/live-streaming/I started live-streaming on Youtube and Facebook recently, and I kinda like it.Fri, 01 May 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/upstream/https://malcolmkee.com/blog/upstream/A book reviewFri, 01 May 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/the-coin/https://malcolmkee.com/blog/the-coin/The bad of good things and the good of bad thingsSat, 18 Apr 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-does-that-scale/https://malcolmkee.com/blog/how-does-that-scale/A frontend developer's answer for the question.Wed, 15 Apr 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/interview-as-a-learning-tool/https://malcolmkee.com/blog/interview-as-a-learning-tool/Sat, 28 Mar 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/a-chapter-a-day/https://malcolmkee.com/blog/a-chapter-a-day/Thu, 26 Mar 2020 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/bookmarklet/https://malcolmkee.com/today-i-learnt/bookmarklet/Sun, 15 Mar 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/next-js-impression/https://malcolmkee.com/blog/next-js-impression/Next.js is very versatile compared to GatsbyJS or Create React App. This flexibility is very appealing as you can evolves your application architecture as requirements change.Sat, 29 Feb 2020 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/jest-mock-in-typescript/https://malcolmkee.com/today-i-learnt/jest-mock-in-typescript/Fri, 07 Feb 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/trying-playwright/https://malcolmkee.com/blog/trying-playwright/The testing tools that are easiest to setup are still Jest and Cypress. Playwright has slight advantage over puppeteer as it supports more browsers, but the tooling around it is still lacking at the moment.Tue, 28 Jan 2020 00:00:00 GMTen-UShttps://malcolmkee.com/blog/empathize-with-backend/https://malcolmkee.com/blog/empathize-with-backend/Fri, 17 Jan 2020 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/input-as-flex-item/https://malcolmkee.com/today-i-learnt/input-as-flex-item/Wed, 15 Jan 2020 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/testing-console-error/https://malcolmkee.com/today-i-learnt/testing-console-error/Tue, 17 Dec 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/superstition/https://malcolmkee.com/blog/superstition/Sun, 24 Nov 2019 00:00:00 GMTzh-Hanshttps://malcolmkee.com/blog/self-doubt/https://malcolmkee.com/blog/self-doubt/Mon, 21 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/eval-safely/https://malcolmkee.com/today-i-learnt/eval-safely/Tue, 15 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/script-vs-module/https://malcolmkee.com/today-i-learnt/script-vs-module/Thu, 10 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/extending-global-or-third-party-type/https://malcolmkee.com/today-i-learnt/extending-global-or-third-party-type/Wed, 09 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/ambient-means-no-implementation/https://malcolmkee.com/today-i-learnt/ambient-means-no-implementation/Tue, 08 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/use-overload-to-type-dynamic-function-signature/https://malcolmkee.com/today-i-learnt/use-overload-to-type-dynamic-function-signature/Tue, 08 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/today-i-learnt/no-way-to-type-as-props-properly-in-ts-today/https://malcolmkee.com/today-i-learnt/no-way-to-type-as-props-properly-in-ts-today/Sun, 06 Oct 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-to-become-a-racist/https://malcolmkee.com/blog/how-to-become-a-racist/Every time you try to use race to making a us-versus-them comparison, you are introducing the risk of becoming a racist.Sun, 29 Sep 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/reduce-redux-connect-typescript-boilerplate/https://malcolmkee.com/blog/reduce-redux-connect-typescript-boilerplate/Use Typescript ReturnType to reduce your Redux connect boilerplateSat, 21 Sep 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/sass-equivalent-for-react-children/https://malcolmkee.com/blog/sass-equivalent-for-react-children/Use @content to inject arbitrary content into your SASS @mixinThu, 19 Sep 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/react-container-presenter-pattern-revisited/https://malcolmkee.com/blog/react-container-presenter-pattern-revisited/Instead of separating container-presenter components based on arbitrary rules, separate components into business components and UI components.Sun, 15 Sep 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/comfort-zone/https://malcolmkee.com/blog/comfort-zone/Thu, 12 Sep 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/use-transient-state/https://malcolmkee.com/blog/use-transient-state/A custom hooks to declare state that will restore to its steady-state value after some delay. This will be useful when you want to show some UI element temporarily and then hide it after some delay.Thu, 05 Sep 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/on-giving/https://malcolmkee.com/blog/on-giving/Wed, 28 Aug 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/gatsby-non-js-fallback/https://malcolmkee.com/blog/gatsby-non-js-fallback/Embracing graceful degradation in Gatsby site by providing fallback UI without JS with useLayoutEffect hooksSun, 14 Jul 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/notes-on-readings/https://malcolmkee.com/blog/notes-on-readings/Sun, 30 Jun 2019 00:00:00 GMTzh-Hanshttps://malcolmkee.com/blog/optimize-later/https://malcolmkee.com/blog/optimize-later/Premature optimization is not just bad for programming, it's bad for life decision too.Fri, 21 Jun 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/hackathon/https://malcolmkee.com/blog/hackathon/Personal notes on my recent experience of joining Can You Hack It hackathon.Sun, 05 May 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/thoughts-on-testing/https://malcolmkee.com/blog/thoughts-on-testing/A list of unorganized random thoughts on automated testingMon, 15 Apr 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/simple-event-bus/https://malcolmkee.com/blog/simple-event-bus/How to create an event bus to coordinate multiple section of your Javascript app.Tue, 09 Apr 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/adding-types-for-npm-packages/https://malcolmkee.com/blog/adding-types-for-npm-packages/How to add custom types for npm packages that doesn't have declaration nor DefinitelyTyped support.Mon, 01 Apr 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/redbean/https://malcolmkee.com/blog/redbean/小学时期种红豆的故事Sat, 30 Mar 2019 00:00:00 GMTzh-Hanshttps://malcolmkee.com/blog/be-human-while-you-code/https://malcolmkee.com/blog/be-human-while-you-code/Even when your colleague or boss doesn't care, write accessible code. Because you can. Because you should. Because you're human, and you care about other human too.Tue, 19 Mar 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/using-webcomponent-with-react/https://malcolmkee.com/blog/using-webcomponent-with-react/Using web component in React requires some boilerplates to make it work, trying to abstract that boilerplate has a limitation. With React hooks, it's much less boiletplate and the abstraction is no longer needed.Sun, 17 Mar 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/typesafe-call-all/https://malcolmkee.com/blog/typesafe-call-all/You can have typesafe callAll utility in Typescript 3Sun, 24 Feb 2019 00:00:00 GMTen-UShttps://malcolmkee.com/blog/typescript-type-guard/https://malcolmkee.com/blog/typescript-type-guard/Using custom type guard allow us to create reusable checking that narrow down the type of a variableMon, 26 Nov 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/msia-ssm-change-monitor/https://malcolmkee.com/blog/msia-ssm-change-monitor/My experience on developing a web-scraping application that will notify subscribers for any changes of a government websiteWed, 24 Oct 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/accessible-file-input/https://malcolmkee.com/blog/accessible-file-input/By being more thoughtful, we can have a file input that is beautiful but still accessible.Wed, 26 Sep 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/my-first-tech-talk/https://malcolmkee.com/blog/my-first-tech-talk/A note on my first technical talk on React. I find the act of preparing and delivering the talk satisfying.Mon, 20 Aug 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-to-bargain/https://malcolmkee.com/blog/how-to-bargain/To bargain successfully in marketplace, make abrupt concession and threaten to flip-table effectively.Sun, 24 Jun 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-to-not-lend-money/https://malcolmkee.com/blog/how-to-not-lend-money/When friends/family want to borrow money from you, instead of asking how much they want to borrow first, ask why they want to borrow, and respond accordingly.Sat, 23 Jun 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/react-container-presenter-pattern/https://malcolmkee.com/blog/react-container-presenter-pattern/There are a few design patterns of React component, and the easiest one is the Component-Presenter pattern, which is actually to separate mapping/states/transformation from the rendered contentSun, 17 Jun 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/how-to-get-a-job-you-love/https://malcolmkee.com/blog/how-to-get-a-job-you-love/拥有一份喜爱的工作的关键并不在于找到自己的热情在哪里，而是专注于提升自己的能力，掌握好自己的专业后获得一份好工作，热情才会随之而来。Sat, 16 Jun 2018 00:00:00 GMTzh-Hanshttps://malcolmkee.com/blog/attitude-to-competency/https://malcolmkee.com/blog/attitude-to-competency/理解对能力的两种心态，以及它们如何影响我们对学习和努力的态度。透过提醒自己要秉持成长心态，可以让我们对挫折和努力秉持更健康的心态。Sun, 27 May 2018 00:00:00 GMTzh-Hanshttps://malcolmkee.com/blog/react-typescript-introduction/https://malcolmkee.com/blog/react-typescript-introduction/Using typescript allow static typechecking and intellisense in your React application, and it is easy to get started.Thu, 10 May 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/improve-yourself/https://malcolmkee.com/blog/improve-yourself/Note to remind myself of my working philosophyMon, 07 May 2018 00:00:00 GMTen-UShttps://malcolmkee.com/blog/my-first-meetup/https://malcolmkee.com/blog/my-first-meetup/A journal on my first Meetup experienceTue, 01 May 2018 00:00:00 GMTen-US