What are you best to know

• Metamask
• React
• Node
• Solidity

Why

Recently, I studied a lot of knowledge about the Ethereum ecosystem.
I can’t wait to create something by myself.
But I searched for a long time without finding a basic tutorial for me to explain how the front-end and chain-end interact.
Some tutorials are old. Other tutorials don’t match my tech stack.
I know scaffold-eth can help most fresh developers begin Ethereum development. However, scaffold-eth has too much magic for me. It hides some basic things. And I want to know the full details.
So I reckon I could write some articles from web2 developer to web3 beginner DApp developer in 2022. It’s a cool thing.

Learning DApp architecture

I have read through this The Architecture of a Web 3.0 application and the knowledge I have so far.

I draw the simply DApp architecture

Look at the picture, there are two important questions:

1. How do browsers and websites interact with each other?
2. How do websites and blockchains interact with each other?

Simple Answers:

1. Browser’s wallet extension or Wallet App
2. JSON RPC

Then, we will explore these two questions carefully when building a minimal DApp.

Our Target

0. What is a minimal DApp?
1. Frameworks and technologies
2. Setting up the project
3. Setting up the local chain
4. Deploying smart contract to a local chain
5. Building front-end then using it to call smart contract
6. Deploying DApp to the world

If you build a website with NextJS as full stack web framework, perhaps you will encounter a need to upload a file.

But the NextJS’s official website doesn’t write how to do this.

So I investigated other developers’ code to make a working version.

Create NextJS Project

1

yarn create next-app

Install TinyMCE latest version

1

yarn add tinymce @tinymce/tinymce-react copy-webpack-plugin

They have different account systems on Bitcoin and Ethereum

Bitcoin and Ethereum are different design ideas for account systems. So their transaction systems are not the same.

Today, I will ignore Bitcoin and more explain about Ethereum.

• Bitcoin uses Unspent Transaction Output.
• Ethereum uses the normal account system.

What is the Value?

We need to define the value before when we talk about the value of blockchain.

I think that there are two simple kinds of value.

1. It can bring benefits to human civilization.
2. Some people want it and pay a good price.

They are completely different, but they do not conflict with each other.

Things could be used those means to explain their value. For Examples:

Electric Power In my opinion, electric power brings benefits to human civilization. And normal people get it very cheap.

Hermès’s bag From my point of view luxury goods doesn’t bring anything to human civilization. But they are very very expensive.

SpaceX’s rocket I honestly think that the rocket brings great benefits to human civilization, and it is very expensive.

Current the article As far as I’m concerned, this article neither brings anything to human civilization, nor no one wants to pay any price.

If you ask me what is the value of blockchain now, I need to know which value is you asked for.

I will discuss each value of blockchain below.

This article is very subjective. If you do not feel comfortable viewing it, please close it as soon as possible.
If you think my article can help you, you can subscribe to this site by using RSS.

Recently, I was studying so much knowledge about Web3. Then one question is always in my head.
Why Web3 is the further? Why?
I know we can get so many cool things by Web3.
But…

Previous

Write to 18 years old me in 2012 - Chinese Version

Write to 18 years old me in 2016 - Chinese Version

Write to 18 years old me in 2019 - Chinese Version

Write to 18 years old me in 2020 - Chinese Version

Write to 18 years old me in 2021 - English Version

Hi everyone. Today I want to share a vim trick.
It’s very useful when I was coding every day.
So hope you like it.

Problem

I have those situation every day. I want to change ‘target’. So how can I do?

1
2
3
4
5
6
7
8

foo target boo
foo "target target"
foo 'target target'
foo (target target)
foo {target target}
foo [target target]
foo <target target>
foo <div>target target</div>

Begin

I want to record how to setting up a NextJS project with TypeScript.

Let’s go

Create a NextJS Project

1

yarn create next-app --typescript [your project path]

Yes, I used yarn. I prefer yarn to npm.