preloader
Execution orders of actions of Redux Observable Epic
心得 Execution orders of actions of Redux Observable Epic

Received same action(s) within redux will be executed first and then one(s) in epic(s) of redux-observable if there are common action(s) existing in redux and redux-observable.[1] Figure 1. Excerpt statement from redux-observable official site [2] Figure 2. Order sequence diagram for redux-observable. Photo credit to Brian Leathem [3] Redux store is action-in and state-out. Redux-observable is action-in and action-out. Behavior of redux means it generate out new centralize-management state tree

read more
How to Take Over A Web Frontend Product or Project | 如何接手 Web 前端產品/專案
心得 How to Take Over A Web Frontend Product or Project | 如何接手 Web 前端產品/專案

It’s often to take over a web product for frontend-side from colleagues during work. When you’re on-boarding a company for a web frontend engineer role, you may find you situated in a misted forest. You may not see people or cowork with them, because there have some reasons such as they just quit the job or switch to another poducts. In modern frontend develop conventions, there are somethings you can

read more
Setup and Deploy API Document to Heroku free price plan With Swagger UI Topbar List and Http Basic Auth | 建立與部署簡易帳密認證機制的 Swagger-UI API 文件到 Heroku 免費方案
心得 Setup and Deploy API Document to Heroku free price plan With Swagger UI Topbar List and Http Basic Auth | 建立與部署簡易帳密認證機制的 Swagger-UI API 文件到 Heroku 免費方案

I want to create a static site of backend API document for communication between frontend and backend engineers. Because I don’t want to manage the server and estimate usage of team members is low, I survey two solutions, which are GCP Endpoint and Heroku. I finally choose Heroku free price plan. Steps for setup Step 1 Download standalone version of swagger-ui package on github.com and unzip/decompress source-code file. Copy dist

read more
My React Calendar Demo Project
心得 My React Calendar Demo Project

I want to show I can code using React hook, so I develop a project of calendar and show it on GitHub pages. Source code is placed on GitHub and demo is showed on GitHub pages. This is been tested on Chrome and Safari. Figure 1. Calendar component.

read more
Room Flooding TaipeiCity - Firefox Extension | 台北市租屋地點積淹水資訊
Share Room Flooding TaipeiCity - Firefox Extension | 台北市租屋地點積淹水資訊

It’s inconvenient for knowing a target room whether it had had flooded by water as browsing catalog or list of rooms. One normal way is to use brower pages by continue switching for searching rooms' related information, but this behavior is exhausted for most people. I had created a firefox extension: RoomFlooding_TaipeiInfo for finding flooding records of rent rooms in Taipei city. It shows green background color with congratulation message

read more
NPM Join-Monster Package Is Hard to Do Pagination With Graphql-Relay automatically | NPM Join-Monster 套件很難搭配 Graphql-Relay 做到自動提供分頁機制
心得 NPM Join-Monster Package Is Hard to Do Pagination With Graphql-Relay automatically | NPM Join-Monster 套件很難搭配 Graphql-Relay 做到自動提供分頁機制

In my leisure time at July and first part of this August 2021, I have tried to use packages of express, passport, graphql, graphql-passport, join-monster, knex, graphql-relay, and express-session, etc… for building graphql API server. I have successfully built it in early stage. In summary for quick, it’s impossible for me to create pagination mechanism using graphql-relay package automatically. All of I expect to use graphql-relay and join-monster packages together

read more

About

Howard Lee is a Staff Software Engineer based in Taipei, specializing in frontend architecture, CI/CD, and production-quality engineering for enterprise web applications. With 13+ years of software development experience, Howard has worked across B2B SaaS, IoT energy-management platforms, online travel marketplaces, and Android applications. His work focuses on modernizing large frontend systems, improving delivery quality, and building reliable product workflows with automated testing, observability, and practical cloud/platform integration. Core Expertise Frontend architecture: Angular 5 to 19 modernization, TypeScript, JavaScript, React, Next.

Know More

Tag

Social