Blogs | VisualDust::Blog("Think and Do")

code review 常用黑话（×）

January 19, 2022 · 2 min read

Ordinary Magician | Half stack developer

经常忘记所以记下来（其实是网上冲浪的时候到处抄来的）

缩写	英文释义	中文释义
ATM	at the moment	现阶段
AFAIK/AFAICT	as far as I know / can tell	就我所知
TBH	To be honest	老实说
TL;DR	Too Long; Don't Read.	PR 内容太多，没办法看
PR	Pull Request.	拉取请求，给其他项目提交代码
PTAL	Please take a look.	请看一看
LGTM	Looks Good To Me.	代码已经过 review，可以合并
SGTM	Sounds Good To Me.	和上面那句意思差不多，也是已经通过了 review 的意思
WIP	Work In Progress.	告诉项目维护者这个功能还未完成，方便维护者前 review 已提交的代码
PTAL	Please Take A Look.	提示项目 Owner/contributor review
TBR	To Be Reviewed.	提示维护者进行 review
TBD	To Be Done (or Defined/Discussed/Decided/Determined).	根据语境不同意义有所区别，但一般都是还没搞定的意思
IMO	In My Opinion	在我看来、依我看、依我所见
IMHO	In My Humble Opinion IMO	谦虚的说法
DNM	Do not merge.	不要合并

Introducing React Query : Hooks for fetching

January 9, 2022 · 2 min read

VisualDust

Ordinary Magician | Half stack developer

What is React Query? it's a library for fetching data in React applications.
Why I need a data fetching library?
1. Since React is a UI library, there is no specific pattern for data fetching.
2. There are useEffect hooks for data fetching and useState hooks to maintain component state like loading, error or resulting data.
3. If the data is needed throughout the app, we tend to use state management libraries. Although most of the state management libraries are good for working with client states, they are not great for working with asynchronus or server states. (server states are very different to client states)

React Hooks

January 7, 2022 · 4 min read

VisualDust

Ordinary Magician | Half stack developer

Hooks are a new addition in React 16.8. They let you "hook into" React state and lifecycle features from function components. Hooks don't work inside classes — they let you use React without classes. In older React, it's hard to reuse stateful logic between components. The older React doesn't offer a way to "attach" reusable behavior to a component. With Hooks, you can extract stateful logic from a component so it can be tested independently and reused. Hooks allow you to reuse stateful logic without changing your component hierarchy. This makes it easy to share Hooks among many components or with the community.

There are nine of them:

Hook	Motivation
`useState`

21年11月21日试图学点React

November 21, 2021 · 8 min read

VisualDust

Ordinary Magician | Half stack developer

Basic JavaScript-rendered Hello World

使用Pure HTML在屏幕上渲染Hello World：

<html>
  <body>
    <div>Hello World</div>
  </body>
</html>

Basic JavaScript-rendered Hello World​

Basic JavaScript-rendered Hello World