在关于前端开发的上一篇文章中，我们最后提供了一个网站。用户可通过MetaMask连接该网站，它将显示用户的以太币账户余额。但是，有许多以太坊用例涉及到ERC20令牌的发送和接收，其跟踪方式与原生以太币不同。在本指南中，我们将介绍如何跟踪已部署合约的交易，以及当它们在每个新确认的区块中进行更新时，如何在前端显示和更新这些数字。我们以跟踪Uniswap上的Dai<>Eth交易为例来进行说明。
Uniswap
为此，我们将使用来自StatusEmbark团队的一个库，名为Subspace。我们首选使用ReactHooks跟踪实时数据。因此，我们将通过在这里找到的Embark示例代码，使用以太坊数据流设置前端。总的来说，该前端使用了Infura、React和Subspace。
Starknet主网将于下周升级至0.12.1版本:8月17日消息，Starknet 主网将于下周升级至 0.12.1 版本，本次升级作为 Starknet 主网量子跃迁的第二阶段，旨在提高交易效率。
Starknet 表示，目前，无效交易浪费了宝贵的排序器资源而不支付费用。此次升级在排序之前添加了一个验证阶段，以尽早过滤掉无效交易。失败的交易将具有 REVERTED 状态被包含在区块中并支付费用。[2023/8/17 18:05:23]
本教程是一个单独的网站，与上一个前端教程相互独立。我们将检查代码的重要部分，而非全部代码，因此建议复制示例库，然后运行根目录中的npminstall和npmstart，网站将进入localhost:3000。从这里可以看到，使用Hooks和useEffect()添加更多数据跟踪非常轻松。我们只需要检查3个重要文件。首先检查hide/index
Filecoin基金会及Protocol Labs为Starling Lab提供200万美元的初步资金承诺:金色财经报道，南加州大学Shoah基金会和斯坦福大学宣布推出Starling Lab。Filecoin基金会及Protocol Labs为Starling Lab提供了200万美元的初步资金承诺。该研究中心旨在应对在人类历史上最敏感的数字记录中建立信任的技术和道德挑战。[2021/6/11 23:29:03]
下面3个代码区块是去中心化应用中非常重要的Hooks，为我们提供我们需要的实时流。我们将对它进行设置，使我们能够查看最新挖出的50个区块，并显示在这些区块中发生的最近5次Eth->Dai交易。随着不断有新的区块挖出和交易发生，这些信息将持续更新。
亿万富翁Stanley Druckenmiller：不会做多或做空狗狗币，比特币难以被取代:投资者Stanley Druckenmiller近期分享了他对比特币、以太坊和狗狗币的看法。这位亿万富翁投资者表示，狗狗币“就像NFT，是史上最疯狂货币政策的一种表现。”他补充称：“我认为，由于供应没有限制，我目前真的看不到它的效用。这只是‘博傻理论’中的资金浪潮。话虽如此，我还是不会对其做多或是做空，因为我不喜欢用我的脸来扑灭篝火。所以我就假装狗狗币不存在。我几乎不会想到狗狗币，所以当它价格上涨的时候，我并不会介怀。”
此外，在比特币与以太坊之间，Druckenmiller表示：“我认为比特币赢得了价值储存游戏的胜利”，因为它是“一个已经存在了13到14年的品牌，而且它的供应是有限的。”在谈到其他加密货币是否会取代比特币时，他重申，比特币“将非常非常难被取代。”尽管他承认“智能合约和此类东西的领先地位属于以太坊，”但“我有点怀疑它是否能保持它的地位。这让我想起了Facebook出现之前的Myspace。或者一个更好的比喻是谷歌出现之前的雅虎。”（Bitcoin.com）[2021/5/30 22:56:39]
useEffect(()=>{web3
txnObserver
);return()=>{txnObserver
},);
从我们在第一个Hook中创建的last5Observable，我们获得了它们的交易详情，如下：
useEffect(()=>{if(last5Observable===undefined){return;}last5Observable
);return()=>{last5Observable
},);
最后，我们有一些ReactUI代码，然后就能看到前端！这是gif图。它刚开始不久，目前有3次交易。在开发者控制台中，我们可以看到每个交易的更多交易详情。随着新的交易涌入，较早的交易将被挤出堆栈。
希望这些内容清晰地解释了什么是Subspace库。它让去中心化应用前端开发变得非常简单轻松，尤其是使用Infura处理web3数据非常实用！复制这里的样板库并使用Subspace。如果您对此有任何问题，请在这里与我们讨论。有关更多教程，请访问我们的社区中的教程部分。
本文来源于非小号媒体平台：
登链社区
现已在非小号资讯平台发布105篇作品，
非小号开放平台欢迎币圈作者入驻
入驻指南：
/apply_guide/
本文网址：
/news/9558536.html
免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表非小号的观点或立场
上一篇：
币安为何推出第三条链？这对BNB意味着什么？
郑重声明： 本文版权归原作者所有， 转载文章仅为传播更多信息之目的， 如作者信息标记有误， 请第一时间联系我们修改或删除， 多谢。