完了目安時間:

10分

難易度:

初心者

重要なポイント:

Reactコンポーネントを使用して、テストアカウントを作成し、XRPLで支払いを送信するための基本的なユーザーインターフェースを作成します。

Lesson 1

XRP LedgerとReact.jsでコーディングを始める

React.jsでXRPLの基本的なインターフェースを構築する

開発者がXRPLとどのようにやり取りするか

XRPLを使用する場合、ほとんどの開発者が行う必要のある重要なことが2つあります。

  1. トランザクションを送信する(台帳上の何らかのデータを変更するため)
  2. リクエストを送信する(台帳上の何らかのデータを調べる)

例えば、”Payment”トランザクションを使って友人に支払いを送り、その後”account_info”リクエストを使ってアカウントにどれくらいのXRPがあるかを確認できます。

このチュートリアルでは、Reactアプリのセットアップ方法について説明します。これにより、トランザクションの送信が容易になり、XRP Ledgerで何が起こっているかを調べることができます。これは、シンプルなインターフェースの構築を容易にするReactコンポーネントライブラリである`nice-xrpl`と、トランザクションとリクエストの送信を容易にするクライアントライブラリである`xrpl.js`の2つの主要なライブラリを利用します。

このコースで期待できること

このコースの各レッスンでは、React.jsコンポーネントで構築されたコードサンドボックスで、基本的なアプリケーションを使用する方法を紹介します。最終的な結果だけを見たい場合は、すべての説明をスキップして、各レッスンのコードサンドボックスに直接進んでください!

最初のレッスンでは、まず以下を学びます。

  1. XRPLでアカウントを作成します
  2. あなたのアカウントから別のアカウントへ支払いを送信します
  3. その後、あなたのアカウントの残高を確認します

レッスン2では、以下を学びます。

  1. XRP以外のトークンを受け取れるようにアカウントを設定します
  2. 他のアカウントとトークンを送受信します
  3. すべてのトークンの残高を表示します。

そして、3番目のレッスンでは、以下を学び、さらに知識を深めます。

  1. 代替不可能なトークン(NFT)をミント/作成します
  2. アカウントが所有する既存のNFTのリストを取得します
  3. あなたが所有するNFTをバーン/削除します

 

これらのレッスンを終えると、XRPLの使い方に関する確固たる基礎が身につくとともに、独自のReactアプリを迅速に構築してレジャーとやり取りできるようになるはずです。

レッスン終了

Reactを使ってXRP Ledger上でコーディングする方法を少し学んだので、クイズで知識を試してみましょう。

Welcome to your Begin coding with XRPL and React.js (JP)

開発者がXRPLとやり取りするための基本的な2つの方法は何ですか?