preloader
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
How to Compile a Npm Package to Be Used at Browser Extension | 如何編譯 NPM 套件在瀏覽器擴增套件環境下使用
心得 How to Compile a Npm Package to Be Used at Browser Extension | 如何編譯 NPM 套件在瀏覽器擴增套件環境下使用

Recently, I want to create a web extension for assisting to lookup information I need. In the web extension, I need to use the power of a npm package to complete some parts for me. But I have found v3 of manifest_version of chrome and v2 of manifest_version of firefox they don’t recommend to include outer packages with obfuscated version, this instruction lets me hesitating. I think there are many

read more
學習 How to Upload File Content using Angular framework

If you want to upload file content to remote server using Angular, there are roughly two kinds of methods can achieve requirements. First is about raw file content. You can upload raw content with other values of form fields together, and their values will be separated automatically by browsers using Content-Type: multipart/form. myForm: FormGroup = null; fileName: string = ''; /** * constructor of a component */ constructor( private _formBuilder:

read more
心得 Limited Recover From Wrong Git Rebase by Reset From an One of Reflog

Sometimes, you have done wrong reorganization commits by command git rebase -i COMMIT_ID. It can be recovered from wrong actions by using command: git reset HEAD@{NUMBER}. Warning1: This can be recovered limited actions done by git tool. (圖片已刪除) Figure 1: git reflog show Using by command: git reflog show, it will show recent history you do with git commands. You can find out information

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