typescript/javascript function can use returned value in arguments
```typescript function foo({ handler }: { handler: () => void }) { handler() return { bar() { return ‘the string bar’ }, } }
Posts by year
2024
Compare Feature Flags and Settings
Almost all SaaS systems need to implement Feature Flags and Settings(or Configurations) somehow. When people talk about them, they can be mixed together. The...
An interesting react typescript destructuring syntax, kebab naming property with a default value
```typescript type ComponentProps = React.HTMLProps
git best practice
configure user.name and user.email properly understand and use common git cli commands make good commit message use .gitignore filter files shouldn’...
Simple shortid, uuid (unique id) solution in Javascript
When working for a company or a serious side hustle, probably this should be done via a third party library like https://www.npmjs.com/package/nanoid. Howeve...
2023
Entry level Javascript weirdness
Javascript is weird when compared to other popular programming languages. If you search it on the Internet, there’re a lot of articles talking about the weir...
Three ways to define and use a Map in Typescript
I am not sure how many ways exactly to use a Map in Typescript. Just to list three here I believe are most commonly seen.
Three ways of defining a generic function type using typescripts
If to pass a variable which is a function, and also the type of that function need to be a generic one, it’s useful to define a generic function type when us...
CSS justify-* align-* two things to remember at first
CSS justify-* align-* basically includes: justify-content, justify-item, justify-self, align-content, align-item and alignt-self
Html input checkbox using e.target.checked
e.target.value could look familiar by almost all experienced web developers. That’s commonly seen in the input text box event handler in reactjs code, .e.g o...
Using github actions for my blog from now on
Github actions looks cool. I can’t wait for using it even if it’s still in ‘beta’ at the moment.
Don’t forget to use a flexbox in a flexbox in CSS
Millions tutorials online of CSS flexbox is about one pattern: parent dispay: flex; + one level children. However, in practice, flexbox is used in nested pat...
2022
Must know Javascript tips for a coding interview
Generate an array
Thanks to Github Pages + Jekyll, roblao.com up and running much more reliably
Github Pages + Jekyll is free and reliabe. And it’s fun to use it to make a website.
Jest mock module not working? double check these
Jest mock module feature can be used for mocking whole or part of packages in your project. Check out: https://jestjs.io/docs/manual-mocks
2021
Two vanillajs frontend coding tutorials my code snippets
Here is the two videos:
From bash to zsh, very basic things need to do
After upgrading MacOS to Catalina, everytime opening a terminal, there would be a prompt saying:
LetsEncrypt Certbot renew successfully, but still got expired certificate from client(browser, curl or wget) side, what’s the problem?
This article is just a trouble-shooting blog. It’s rarely happen. After you even did a force renew by using
A cryptocurrency capital gain tax calculator written in Python by me
In 2019, I spent about a month to write this Python cryptocurrency capital gain tax calculator.
Verify rsa sha256 signed text in Python
I created a gist to keep a basic implementation, in Python. Here it is: https://gist.github.com/viewplatgh/cb690159e8ee028cb4c9483cb127e6c3