基于React、Typescript和Solidity的NFT完整教程

了解如何使用 React / Next JS、Solidity 和 Pinata(IPFS) 在以太坊上創(chuàng)建 NFT 市場(chǎng)

課程英文名：NFT Marketplace in React, Typescript & Solidity - Full Guide

此視頻教程共5.0小時(shí)，中英雙語(yǔ)字幕，畫(huà)質(zhì)清晰無(wú)水印，源碼附件全

下載地址

課程編號(hào)：300 百度網(wǎng)盤(pán)地址：https://pan.baidu.com/s/1gDdZ0VL5NEd-SdSszDGO6w?pwd=52f0

課程內(nèi)容

你將會(huì)學(xué)到的

• 創(chuàng)建一個(gè)真正的 NFT 市場(chǎng)！

• 以實(shí)用有趣的方式理解復(fù)雜的主題

• 獲取與任何[區(qū)塊鏈]一起使用的完整工具包

• 在區(qū)塊鏈上開(kāi)發(fā)一個(gè)真正的應(yīng)用程序

要求

• React JS的知識(shí)

• Solidity的基礎(chǔ)知識(shí)

• 熟悉區(qū)塊鏈

說(shuō)明

Next.js?為您提供生產(chǎn)所需的所有功能的最佳開(kāi)發(fā)人員體驗(yàn)：混合靜態(tài)和服務(wù)器渲染、TypeScript 支持、智能捆綁、路由預(yù)取等。無(wú)需配置。

以太坊?是一種可以讓你向任何人發(fā)送加密貨幣的技術(shù)，但首先，它還為每個(gè)人都可以使用并且沒(méi)有人可以刪除的應(yīng)用程序提供支持。這是世界上可編程的區(qū)塊鏈。

Solidity?是一種面向?qū)ο蟮母呒?jí)語(yǔ)言，用于實(shí)現(xiàn)智能合約。智能合約是管理以太坊狀態(tài)內(nèi)賬戶行為的程序。

Pinata?是一種固定服務(wù)，允許用戶在?IPFS?網(wǎng)絡(luò)上托管文件。星際?文件系統(tǒng)?(?IPFS?) 是一種協(xié)議和點(diǎn)對(duì)點(diǎn)網(wǎng)絡(luò)，用于在分布式文件系統(tǒng)中存儲(chǔ)和共享數(shù)據(jù)。

本課程涵蓋哪些內(nèi)容？

該課程涵蓋了根據(jù) ERC721 標(biāo)準(zhǔn)的去中心化 NFT 應(yīng)用程序所需的一切。本課程的學(xué)生將通過(guò)創(chuàng)建真實(shí)世界的應(yīng)用程序來(lái)了解 NFT。

學(xué)生將了解 ERC721 智能合約是什么以及如何創(chuàng)建一個(gè)。

課程中涵蓋的 dApp 前端是使用 React JS 庫(kù)和 Next JS 框架創(chuàng)建的。CSS 和設(shè)計(jì)是使用 Tailwind 框架構(gòu)建的。

NFT 市場(chǎng)應(yīng)用：

該課程的核心部分涵蓋了交互式 NFT 市場(chǎng)的創(chuàng)建。該平臺(tái)的客戶將能夠使用以太數(shù)字貨幣購(gòu)買 NFT。

該應(yīng)用程序是在 Next JS 框架中創(chuàng)建的，構(gòu)建在 React JS 之上。

課程的第一部分包括頁(yè)面布局的設(shè)置、首頁(yè)的創(chuàng)建和組件。Tailwind CSS 框架涵蓋了應(yīng)用程序的樣式部分。

學(xué)生將探索如何將 Web3 JS 代碼提供到應(yīng)用程序中，代碼負(fù)責(zé)與加密錢(qián)包進(jìn)行通信，從而與區(qū)塊鏈進(jìn)行通信。

我們將使用 Provider/Consumer 的概念來(lái)提供這一層，這在 React JS 中很常見(jiàn)。這將保證所有組件和頁(yè)面都能夠訪問(wèn)負(fù)責(zé)與區(qū)塊鏈通信的功能。

應(yīng)用程序的狀態(tài)和數(shù)據(jù)管理通過(guò) SWR(stale while revalidate) 庫(kù)處理。這將為應(yīng)用程序提供一種反應(yīng)性的感覺(jué)，并在接收到新數(shù)據(jù)時(shí)提供組件的反應(yīng)性渲染。

畢竟，實(shí)現(xiàn)了與區(qū)塊鏈的必要通信，學(xué)生將開(kāi)始研究智能合約的實(shí)施。

該課程遵循公認(rèn)的 ERC721 令牌標(biāo)準(zhǔn)。

智能合約是項(xiàng)目的重要組成部分。它充當(dāng) NFT 的區(qū)塊鏈"存儲(chǔ)"，并提供驗(yàn)證 NFT 所有權(quán)和與媒體存儲(chǔ)鏈接的功能。

課程的最后一部分包括準(zhǔn)備和存儲(chǔ)與 NFT 相關(guān)的數(shù)據(jù)。所謂的 NFT 元數(shù)據(jù)。

NFT 元數(shù)據(jù)數(shù)據(jù)將存儲(chǔ)在基于 Pinata (IPFS) 的存儲(chǔ)中。學(xué)生將學(xué)習(xí)從表單中收集數(shù)據(jù)，然后將其提交到 Pinata 存儲(chǔ)。以下重要部分是鏈接此元數(shù)據(jù)并創(chuàng)建 NFT。

此應(yīng)用程序中最值得提及的主題是：

• Next JS 與 Web3 和區(qū)塊鏈的集成

• 與 Hooks 和 SWR 的反應(yīng)性

• 創(chuàng)建 NFT(ERC721) 智能合約

• Pinata 上的 NFT 數(shù)據(jù)操作和存儲(chǔ)

• 打字稿

此課程面向哪些人：

• 對(duì)區(qū)塊鏈技術(shù)感興趣的初級(jí)到中級(jí)開(kāi)發(fā)人員

• 人們正在尋找實(shí)用的 Solidity/Ethereum/[NextJS]?開(kāi)發(fā)指南。

• 本課程適合所有渴望了解如何從頭開(kāi)始構(gòu)建應(yīng)用程序的人

  ?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-407717.html

到了這里，關(guān)于基于React、Typescript和Solidity的NFT完整教程的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！