Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
zanuarmirza committed Aug 18, 2021
0 parents commit af10e56
Show file tree
Hide file tree
Showing 9 changed files with 42 additions and 0 deletions.
6 changes: 6 additions & 0 deletions Readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
# Learn Blockchain Dev as

- frontend
- backend
- smartcontract (solidity)

Empty file added backend/1.introduction.md
Empty file.
Empty file added faq.md
Empty file.
25 changes: 25 additions & 0 deletions frontend/1.introduction.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
## Apa saja yang perlu dipelajari dalam pengembangan aplikasi blockchain untuk FE

Berikut beberapa hal yang bisa dipelajari
1. web3
- [apa itu web3](https://web3js.readthedocs.io/en/v1.4.0/)
2. contract
- apa itu ABI
- bagimana cara penggunaan ABI
- hal hal yang perlu diperhatikan dalam menggunakan ABI file
- ketika melakukan transaksi off chain ABI yang digunakan BE dan FE harus sama
3. bagaimana cara handling transaksi web3
- onTransactionHash -> ketika transaksi di eksekusi, client akan mendapatkan transaction hash, tapi transaction masih dalam status belum selesai
- onReceipt -> transaction sudah selesai / sudah dieksekusi oleh miner
- onError -> terdapat error dalam eksekusi transaksi
- terdepat event lain, selengkapnya ada di dokumentasi web3
4. bagimana integrasi proses `off-chain` di FE
- pengertian off-chain transaction
- request RSV ke BE
- apa itu RSV
- splitSignature menggunakan ether.js
5. transaksi on-chain
- penggunaan soliditySha3 untuk transaksi onchain
6. common UX ketika transaksi
- terdapat loading modal yang tidak bisa diclose/disable interaction untuk menghindari transaksi yang sedang berlangsung gagal. karena untuk transaksi off chain memerlukan callback dari wallet sehingga perlu memastikan transaksi selesai. jika transaksi selesai tapi callback tidak dieksekusi akan terjadi loss transaction, pada kasus ini perlu dilakukan proses recovery

3 changes: 3 additions & 0 deletions frontend/2.react.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
## React
di react package yang bisa dipakai `@web3-react`.
sudah terdapat mekanisme untuk connect ke beberapa wallet
7 changes: 7 additions & 0 deletions frontend/3.contract.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
## Apa itu ABI
ABI (Aplication Binary) didapat dari hasil compile smart contract. ABI digunakan client untuk berinteraksi dengan smart contract.<br>

Disaat akan melakukan transaksi dengan suatu contract, terlebih dahulu web3 melakukan proses load terhadap ABI file, seperti :
```
new web3.eth.Contract(config.partyContractABI);
```
Empty file added general.md
Empty file.
1 change: 1 addition & 0 deletions reference.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
- https://www.youtube.com/channel/UCY0xL8V6NzzFcwzHCgB8orQ
Empty file added smartcontract/1.introduction.md
Empty file.

0 comments on commit af10e56

Please sign in to comment.