Sometimes rewarding, always fun
search
Sometimes rewarding, always fun
Web Development

A continuous improvement development journey with Nathan

Authentication with React Hook and React Component

Auto-increment in MongoDB

Bake loading performance into authoring time - reading note of a Google block

Being Exposed to Webpack

Batch GraphQL requests

Build my first application with AWS Serverless infrastructure - API

Build my first application with AWS Serverless infrastructure - Client

Creating Web UI with Razor Pages

Cool thing on telnet

Cypress conditional testing

Debouncing event handling

Express: response resolved does not mean function terminated

Flaky React unit test

Gained my API and Microservices certificate at FCC

Fix flaky React unit test - 2

Front end polling back end for update

Generate PDF on front end with react-pdf

Group activities with underscore library

JavaScript Security learning note

Less and Cacro with Ant Design

MS learn note: Build a simple website using HTML, CSS, and JavaScript

Material-UI framework

Jest query normalization

Mock time in Jest

Middleware functions

Migrate a payment flow modal from Angular to React

My Next.js Auth0 implementation

My React Chat Box

Non-break space in html

Putting the 404 Express middleware in the right place

React re-rendering, when and how?

React Refs to Components, and finding out methods available to the Component

Solving React State Hook setter not working

Summary of linting rules for testing library introduced

Test React Component at Different States

Test a React Component with Jest

The life of Impressume

Testing xhr in cypress

The this mystery - why fat arrow does not work for Angularjs controller

Transifex localization

What is ES6 proxy?

Webpack Tree Shaking

Why I gave up Ant Design

Maintainable Software

A continuous improvement development journey with Nathan

Reading Journal - Refactoring, by Martin Fowler

CompSci701 Testability Reflection

Decouple complex work like a Pro

Design Patterns in One Image and One Sentence, and Alterability

Reading Journal - Scrum and XP from the Trenches by Henrik Kniberg

Reading Journal - The Transformation Priority Premise, by Robert C. Martin

SOLID Principle

What is Dependency Inversion Principle

What is Evolutionary Design

WIP

A continuous improvement development journey with Nathan

Merge queue to resolve CI working on branch but broken later when merging to master

Reading Journal - The Transformation Priority Premise, by Robert C. Martin

Rethink Go Design Patterns

AWS

AWS Auto Scaling and Load Balancing

AWS Billing and Pricing

AWS Cloud Architecturing Knowledge Check notes

AWS High Availability

AWS Developer Associate Exam Preparation Note

AWS Loggings

AWS SAA Exam Readiness note

AWS SAP - AWS Best Practice Design Patterns

AWS Reliability and Disaster Recovery

AWS Security

AWS Services Tested

AWS Share and Copy AMI

AWS Storage notes

AWS well-architecture framework

AWS naming and URL patterns

AWS global, regional and one-AZ services

AWS Support notes

Architecting AWS Module 01: Design your environment

Architecting for the Cloud: AWS Best Practices (Whitepaper reading notes)

Build my first application with AWS Serverless infrastructure - API

Build my first application with AWS Serverless infrastructure - Client

Building a VPC in AWS from scratch

Decide on a CIDR block for VPC

Deploy spy api to AWS ECS-Fargate

EC2 instances, stop/start v.s. reboot

Event-driven architecture

IAM Policies: Inline-Managed, Resource Based-Identity Based

Mounting a new EBS volume to EC2

Operational Excellence Pillar: WA framework

Numbers to remember for AWS CP test

AWS CP Test

AWS Billing and Pricing

AWS Loggings

AWS Security

AWS Services Tested

AWS Storage notes

AWS naming and URL patterns

AWS global, regional and one-AZ services

AWS Support notes

Numbers to remember for AWS CP test

AWS SAA Test

AWS Cloud Architecturing Knowledge Check notes

AWS High Availability

AWS SAA Exam Readiness note

AWS well-architecture framework

Architecting AWS Module 01: Design your environment

Architecting for the Cloud: AWS Best Practices (Whitepaper reading notes)

AWS DVA

AWS Developer Associate Exam Preparation Note

AWS SAA

AWS Share and Copy AMI

AWS SAP

AWS SAP - AWS Best Practice Design Patterns

Architecture Methodology

AWS Reliability and Disaster Recovery

React

Apollo GraphQL adventures - cache and data type

Authentication with React Hook and React Component

Debouncing event handling

Flaky React unit test

Fix flaky React unit test - 2

Generate PDF on front end with react-pdf

Material-UI framework

My Next.js Auth0 implementation

My React Chat Box

Non-break space in html

Overcoming some React hook testing challenges

React naming and file structure

React re-rendering, when and how?

React Refs to Components, and finding out methods available to the Component

Resolve 'useEffect has missing dependency ' with useCallback

Solving React State Hook setter not working

Summary of linting rules for testing library introduced

Test React Component at Different States

Test a React Component with Jest

Test React component/hook that uses React Apollo

Testing our component that wrapps a Stripe component and depends on events fired by Stripe component

GraphQL

Apollo GraphQL adventures - cache and data type

Batch GraphQL requests

Polling gotchas using Apollo GraphQL client 😂

Test React component/hook that uses React Apollo

Apollo

Apollo GraphQL adventures - cache and data type

Go

Authenticate golang http client with certificate

Comparability and Assignability in Go

Customise fmt.Format in Go

Deploy spy api to AWS ECS-Fargate

Error handling in Go

Error wrapping in Go

Enum and Flag with Go's iota

Functional option pattern in Go

Go http handler route matching rule

Golang: how string encoding impacts result of len()

Hold my game together when people leaves room

How Go helps us to keep track of payments at Lightspeed

MIT 6.824 - Distributed Systems - Lecture 1

MySQL interpolate params

Read a Go package: scs.SessionManager

Rethink Go Design Patterns

The -race flag in Go

Using embed feature in go 1.16

Security

Authenticate golang http client with certificate

Digital Forensic

Distributed Denial of Service attack

Errors identified in CISSP Guide to Security Essentials, 2nd Edition, Gregory

Information Security Basic Terms and Concepts

JavaScript Security learning note

Threat Modelling

TripTime

Authentication with React Hook and React Component

CSS clip-path

Debouncing event handling

Generate PDF on front end with react-pdf

Group activities with underscore library

Mock time in Jest

My Next.js Auth0 implementation

My React Chat Box

Prevent Next.js Server Side Rendering

React Refs to Components, and finding out methods available to the Component

Solving React State Hook setter not working

Teardrop with CSS

Test React Component at Different States

Test a React Component with Jest

Use CSS Combinator Selectors to do 'all but the last'

What is ES6 proxy?

MongoDB

Auto-increment in MongoDB

Mongoose

Auto-increment in MongoDB

GitHub

Automate GitHub by using GitHub Script

Automate with GitHub App

Build and deploy applications to Azure by using GitHub Actions

Build continuous integration (CI) workflows by using GitHub Actions

Manage software delivery by using a release based workflow on GitHub

DevOps

Automate GitHub by using GitHub Script

Automate with GitHub App

Build and deploy applications to Azure by using GitHub Actions

Build continuous integration (CI) workflows by using GitHub Actions

Manage software delivery by using a release based workflow on GitHub

Using Azure Pipeline Variable Group

Performance

Bake loading performance into authoring time - reading note of a Google block

Web API

Being Exposed to Webpack

Getting to know about WebSocket

Inject a Singleton Test object into Controller's Constructor

What is RESTful API

Book Notes

Book Notes: Pro Git

git

Book Notes: Pro Git

Quick git note: git restore

Some good git tricks I picked up from team

Version Control Through and Through

Serverless

Build my first application with AWS Serverless infrastructure - API

Build my first application with AWS Serverless infrastructure - Client

C#

C sharp ref keyword

Null-Coalescing Operator ?? in C sharp

Nullable value types and Type Testing with Value Matching in C sharp

Read from stdin with C#

Using mono to run C# program on Mac terminal

Distributed Algorithms

Echo: a fundamental diffusing algorithm

Graph Theory Crash Learn

Logical Clocks and Distributed Snapshots

Parallel and Distributed Computing Intro Notes

Understanding Proxy pattern

What is Communicating Sequential Processes

What is gRPC

CSS

CSS Scroll Snap

CSS clip-path

Less and Cacro with Ant Design

My React Chat Box

Teardrop with CSS

Use CSS Combinator Selectors to do 'all but the last'

Web Beautify

CSS Scroll Snap

CSS clip-path

Generate nice random colors

Less and Cacro with Ant Design

My React Chat Box

Teardrop with CSS

Use CSS Combinator Selectors to do 'all but the last'

Health Informatics

Clinical Decision Support System introduction

Reading Note - Effect of Clinical Decision-Support Systems: A Systematic Review

Coursework

Clinical Decision Support System introduction

Global Outsourcing Reading Notes - Part One

CompSci701 Journal

CompSci701 Testability Reflection

SOLID Principle

What is Dependency Inversion Principle

Good Practices

Reading Journal - Refactoring, by Martin Fowler

Reading Journal - Scrum and XP from the Trenches by Henrik Kniberg

Reading Journal - The Transformation Priority Premise, by Robert C. Martin

What is Evolutionary Design

ASP.NET

Creating Web UI with Razor Pages

Web Protocols

Cool thing on telnet

End-to-end Testing

Cypress conditional testing

Testing xhr in cypress

Test Driven Development

Cypress conditional testing

Mock time in Jest

Test a React Component with Jest

Testing xhr in cypress

AWS Lab

Decide on a CIDR block for VPC

who-is-spy

Deploy spy api to AWS ECS-Fargate

Hold my game together when people leaves room

Using embed feature in go 1.16

Docker

Deploy spy api to AWS ECS-Fargate

Team like a pro

Decouple complex work like a Pro

OOP

Design Patterns in One Image and One Sentence, and Alterability

Good to know

Digital Forensic

Distributed Denial of Service attack

Threat Modelling

Algorithms

Echo: a fundamental diffusing algorithm

Graph Theory Crash Learn

Parallel and Distributed Computing Intro Notes

HTTP

Express: response resolved does not mean function terminated

Putting the 404 Express middleware in the right place

Express

Express: response resolved does not mean function terminated

Middleware functions

Putting the 404 Express middleware in the right place

Reading notes

Errors identified in CISSP Guide to Security Essentials, 2nd Edition, Gregory

Architecture

Event-driven architecture

Test

Flaky React unit test

Fix flaky React unit test - 2

Summary of linting rules for testing library introduced

RESTful API

Gained my API and Microservices certificate at FCC

Async

Fix flaky React unit test - 2

Summary of linting rules for testing library introduced

Design Patterns

Functional option pattern in Go

Rethink Go Design Patterns

Understanding Proxy pattern

Next.js

Generate PDF on front end with react-pdf

My Next.js Auth0 implementation

Prevent Next.js Server Side Rendering

Encoding

Golang: how string encoding impacts result of len()

Graph Theory

Graph Theory Crash Learn

Global Outsourcing

Global Outsourcing Reading Notes - Part One

Websocket

Hold my game together when people leaves room

AWS Lab Session Preparation

IAM Policies: Inline-Managed, Resource Based-Identity Based

Functional Programming

Group activities with underscore library

channels

How Go helps us to keep track of payments at Lightspeed

async

How Go helps us to keep track of payments at Lightspeed

dotNET

Inject a Singleton Test object into Controller's Constructor

const in .NET

JavaScript

Authentication with React Hook and React Component

Created my first Promise object

Debouncing event handling

Express: response resolved does not mean function terminated

Gained my API and Microservices certificate at FCC

Group activities with underscore library

Immediately-invoked function expression(IIFE)

JavaScript generator to async

JavaScript Security learning note

Mock time in Jest

My React Chat Box

Putting the 404 Express middleware in the right place

React Refs to Components, and finding out methods available to the Component

Solving React State Hook setter not working

What is ES6 proxy?

Use Promise.resolve to ensure trustable Promise and normalize async behaviour

Node warning: Promise rejection was handled asynchronously

RxJS, lodash for events

Use Function.apply.bind to destruct array parameter

Lift a callback based API to a promisory

Elastic stack

Learn Elastic stack

TypeScript

Lint fun 😼

JSON.parse(data) in TypeScript - do not expect type check

Some debug notes when you have to work with 3-year-old TypeScript

TypeScript Utility Types

TypeScript literal union type limitation - no propagation into object or array

TypeScript - how to decide if a value is of a type in runtime

Web development

Lint fun 😼

Race condition with index.html scripts

Less

Less and Cacro with Ant Design

Microsoft Learn

MS learn note: Build a simple website using HTML, CSS, and JavaScript

VS Code

MS learn note: Build a simple website using HTML, CSS, and JavaScript

MIT 6.824

MIT 6.824 - Distributed Systems - Lecture 1

The -race flag in Go

Distributed Systems

MIT 6.824 - Distributed Systems - Lecture 1

CI/CD

Merge queue to resolve CI working on branch but broken later when merging to master

Using Azure Pipeline Variable Group

Jest

Jest query normalization

Mock time in Jest

Test React Component at Different States

Test a React Component with Jest

Angular

Migrate a payment flow modal from Angular to React

The this mystery - why fat arrow does not work for Angularjs controller

auth0

My Next.js Auth0 implementation

Progress

My internship from 9 Nov to 29 Jan

Readings

Nice readings grab bag

Grab bag

Nice readings grab bag

Database

MySQL interpolate params

Powerful Azure Database Tools

Should I just use the read replica

Store UUID in space economical way - BINARY16

Tips to shorten SQL query time when there are soooo many rows

Use Snowflake ID to retrieve creation time of ID

With Clause in SQL

Use cohort analysis to find out how fast groups progress to their goals

Testing

Never trust a test until you see if fail

Overcoming some React hook testing challenges

Test React component/hook that uses React Apollo

Testing our component that wrapps a Stripe component and depends on events fired by Stripe component

Using feature flag to decouple deploy from release

TDD

Never trust a test until you see if fail

AWS Well-Architectured Framework

Operational Excellence Pillar: WA framework

Azure

Powerful Azure Database Tools

Using Azure Pipeline Variable Group

SQL

Powerful Azure Database Tools

Tips to shorten SQL query time when there are soooo many rows

Use Snowflake ID to retrieve creation time of ID

With Clause in SQL

Use cohort analysis to find out how fast groups progress to their goals

Visual Studio

Visual Studio tip - capture groups and replacement patterns

Regex

Visual Studio tip - capture groups and replacement patterns

MySQL

Store UUID in space economical way - BINARY16

Integration

Testing our component that wrapps a Stripe component and depends on events fired by Stripe component

My Projects

The life of Impressume

Live production

Using feature flag to decouple deploy from release

bash

Using mono to run C# program on Mac terminal

basic concepts

Version Control Through and Through

Component libraries

Why I gave up Ant Design

Design Principles

Falling into the pit of success

Promise

Use Promise.resolve to ensure trustable Promise and normalize async behaviour

Functional programming

Use Function.apply.bind to destruct array parameter