typescript/javascript function can use returned value in arguments
```typescript function foo({ handler }: { handler: () => void }) { handler() return { bar() { return ‘the string bar’ }, } }
Posts by tag
- javascript 6
- typescript 4
- css 2
- flexbox 2
- rsa 1
- cipher 1
- cgt 1
- crypto 1
- certbot 1
- letsencrypt 1
- zsh 1
- youtube 1
- jest 1
- feed 1
- github 1
- git 1
- react 1
- software engineering 1
javascript
An interesting react typescript destructuring syntax, kebab naming property with a default value
```typescript type ComponentProps = React.HTMLProps
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...
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...
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...
Must know Javascript tips for a coding interview
Generate an array
typescript
typescript/javascript function can use returned value in arguments
```typescript function foo({ handler }: { handler: () => void }) { handler() return { bar() { return ‘the string bar’ }, } }
An interesting react typescript destructuring syntax, kebab naming property with a default value
```typescript type ComponentProps = React.HTMLProps
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
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
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...
flexbox
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
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...
rsa
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
cipher
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
cgt
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.
crypto
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.
certbot
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
letsencrypt
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
zsh
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:
youtube
Two vanillajs frontend coding tutorials my code snippets
Here is the two videos:
jest
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
feed
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.
github
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.
git
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’...
react
An interesting react typescript destructuring syntax, kebab naming property with a default value
```typescript type ComponentProps = React.HTMLProps
software engineering
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...