Nâng cấp từ Dev Frontend Web2 sang Web3

Tại sao nên đọc bài này?

  • Nâng cấp level của bản thân một cách ngắn gọn, hiệu quả
  • Người ta làm web3 được chả lẽ mình làm không được?

Trở thành Web3 Frontend developer

Giờ tao đang là Web2 developer, làm react, redux, nextjs mỗi ngày kiếm cơm, làm sao tao trở thành Web3 developer được?
Đây là check-list
Blockchain là gì
Cách mà wallet và block chain tương tác với frontend
Code thử, tương tác với blockchain (Đơn giản như call API)
Kiếm việc trong Web3

Blockchain là gì?

Đâu tiên thì nên hiểu khái niệm xem tụi Blockchain hay Web3 là gì nhỉ

Tương tác với Block-chain và Wallet

Về cơ bản khi code frontend, mọi chuyện không có gì thay đổi nhiều so với web2 cả. Thay vì call API để hiển thị data thì bạn call một bên khác để trả về data (Cụ thể là JSON RPC), nên cơ bản nó cũng chả khác gì call API lắm
notion image
Về cơ bản, web3 sẽ chia ra 2 loại request riêng biệt:
  • Mutable API - Những API sẽ làm thay đổi trạng thái của hệ thống. Vd như chuyển tiền, swap token, lending,…
  • Read-only API - Những API thể hiện trạng thái của hệ thống. Ai cũng có thể call và lấy data được. VD như đang có bao nhiêu tiền trong ví, đang lending ở đâu, swap với rate bao nhiêu
 
Đã có 2 loại request rồi, bây giờ mình sẽ gọi vào đâu?
Thường chúng ta sẽ phải gọi qua một server trung gian - blockchain node, con server kết nối vào Block Chain để:
  • Nhận Read-only API, lấy data từ blockchain, trả về cho user
  • Nhận Mutable API, broadcast lên blockchain cho tụi validator
Các Node Provider thường thấy
  • Node provider mặc định của network đó (thường bị rate limit và khá chậm nên ít người dùng)
  • Infura
  • QuickNode
  • Alchemy, Moralis
 
Vậy tụi Wallet làm gì ở đây?
Có nhớ hồi nãy mình có nhắc tới về Mutable API không? Wallet giúp ta chứng minh được ai là đứa thực hiện Request đó, và cũng đồng thời nhắc nhở bạn là người chịu trách nhiệm cho cái request vừa rồi.
Đương nhiên là bạn không thể call Mutable API với nội dung: Thằng A gửi cho tui 10BTC được đúng không? Wallet giúp xác định chắc chắn, nếu thằng A gửi tiền thì chỉ có mình thằng A có thể gửi, mà không phải là một thằng hacker nào khác
Đọc thêm bài viết của mình về việc định danh ở Web3 ở trên
 
Đó vậy khác biệt giữa Web2 và Web3 cho Frontend dev chỉ có nhiêu đây:
  • Thay vì tương tác với API thì tương tác với JSON RPC node
  • Thay vì gắn login, gắn auth token vào API thì bạn tương tác với Wallet để làm việc trên

Một số thư viện cho Frontend

Nói chung mình Highly recommend dùng Wagmi và ethers.js vì tụi này tiện và ok hơn mấy thằng còn lại. Mấy thằng khác nên học tùy tình huống kiểu như trong prj đang dùng sẵn thằng này cmnr.

Học thêm về web3

Đó frontend thì chỉ có vậy, nhưng mình nghĩ các bạn vẫn nên tìm hiểu thêm về phía backend, và một số thứ liên quan khác như:
  • Dùng explorer để inspect data
  • Hiểu sơ về code backend (Solidity, rust) để có thể biết được đâu rà Read function, đâu là Mutate function
  • Bảo mật
 
Một số khóa học về web3 phù hợp với frontend
Khóa near học xong còn có tiền nữa, mình cũng quen một vài người build prj trong khóa học đó, sau đó được NEAR tại trợ để làm tiếp (khoảng hơn 5000$)
Khoe thành tích 😎
Khoe thành tích 😎
 
Học song nhớ thực hành nha, nghĩ ra problem gì phù hợp mà blockchain cần giải quyết rồi làm thử, như mình làm Morphling nè
 
😼
Nhân tiện, mình cũng rất muốn connect với các bạn đang làm trong Web3, mình cũng đang build product về Web3

Tìm việc web3

Thì có 2 cách, hoặc bạn xin vào làm trong một công ty về Web3, hoặc là bạn làm công việc freelance đến Web3
Công việc fulltime thì chỗ kiếm chắc khá nhiều, search Google đầy
Còn công việc freelance thì đây là một vài chỗ để tham khảo

Lời kết

So với backend, thì frontend tương tác với Blockchain khá đơn giản và dễ học. Tuy nhiên mình thấy benefit cho các bạn làm ở Web3 đang cao hơn hẳn nên cũng đáng để các bạn thử.
Mà dù Web2, Web3 hay Web4 thì hãy luôn nhớ trau dồi những thứ cơ bản nhất, đảm bảo không bị lỗi thời đâu.
 

Các bài viết “lan quyên”

Loading Comments...

Follow me @thanhledev

Xin lỗi các bạn vì thời gian qua mình không dành thời gian viết nhiều. Dạo này mình khá bận cho dự án https://getnimbus.io. Check it out 🥳