从 scaffold-eth 开启 Web3 开发之旅 – 开篇

从 scaffold-eth 开启 Web3 开发之旅

> * 原文:https://stermi.medium.com/how-to-write-your-first-decentralized-app-scaffold-eth-challenge-1-staking-dapp-b0b6a6f4d242 > * 译文出自:[登链翻译计划](https://github.com/lbc-team/Pioneer) > * 译者:[翻译小组](https://learnblockchain.cn/people/412) > * 校对:[Tiny 熊](https://learnblockchain.cn/people/15) > * 本文永久链接:[learnblockchain.cn/article…](https://learnblockchain.cn/article/3187) 当你刚开始处理 web3 元数据时,也许会感到不知所措,至少我第一次是这样的感觉。我是那种做不了 YOLO 开发的人,我需要知道我正在做什么,正在用什么,以及如何构建有意义的东西,即使这只是POC(proof of concept)。 > YOLO(You only live once)意思是不求甚解 但在这种情况下,经验是很重要的,你不可能从一开始就学会所有的东西,否则你会很受伤。[Scaffold-eth](https://github.com/austintgriffith/scaffold-eth)是一个完美的开始,它背后有一个经验丰富的社区([Telegram Group](https://t.me/joinchat/KByvmRe5wkR-8F_zz6AjpA)),它有一个预先配置好的工作空间,有你需要的一切: - 前端 - 智能合约 - 大量的现实的使用场景 这是你需要开始进行区块链编程和学习构建项目时的完美工具箱。 ![](https://img.learnblockchain.cn/pics/20210909175121.png) **TLDR:** > Scaffold-eth 为以太坊上的快速原型开发提供了一个现成的开发技术栈,使开发人员能够获得最先进的工具,以快速学习和交付基于以太坊的 dApp。 ## scaffold-eth 使用哪个技术栈? 目前,下面是它所使用的技术堆栈: - [**Hardhat**](https://hardhat.org/):一个开源项目,允许你运行本地网络,部署和测试智能合约; - [**React**](https://reactjs.org/): 用于构建前端,使用许多有用的预制组件和挂钩; - [**Ant**](https://ant.design/): 用于用户界面; - [**Surge**](https://surge.sh/):用于发布应用程序。 一些有用的链接: - [scaffold-eth 源码](https://github.com/austintgriffith/scaffold-eth) - [scaffoldeth 文档](https://docs.scaffoldeth.io/scaffold-eth/) - [Telegram Group](https://t.me/joinchat/KByvmRe5wkR-8F_zz6AjpA) - [Discord 小组(Buidl Guidl)](https://discord.gg/rXh6cX2r) ## 专栏的最终目标是什么? 我是一个喜欢学习新技术的人,我喜欢创造内容,为社区作出贡献,并分享我的旅程和知识。 考虑到这一点,在这一旅程结束时,我希望能实现这些目标。 - 掌握 scaffold-eth 创建项目并在 main-net 上部署 - 学习我需要知道的关于 Solidity、ethersjs、hardhat 和 web3 开发的所有知识。 - 在 scaffold-eth 中增加对 TypeScript 的支持(在 react 前端和 solidity/hardhat 中都有[TypeChain](https://github.com/ethereum-ts/TypeChain))。 - 前端部分从 React 切换到 [NextJs](https://nextjs.org/) - 增加支持将 react/nextjs 应用程序部署到 [Vercel](https://vercel.com/) - 使用[TailwindCSS](https://tailwindcss.com/)创建一个 scaffold-eth-ui 工具包 - 创建博客文章/视频,记录这一历程 - 在学习区块链概念时进行头脑风暴 它是一个很大的工作吗?是的! 但是,要不就大干一场,要不就回家,对吗? --- 本翻译由 [CellETF](https://celletf.io/?utm_souce=learnblockchain) 赞助支持。 ---

  • 原文:https://stermi.medium.com/how-to-write-your-first-decentralized-app-scaffold-eth-challenge-1-staking-dapp-b0b6a6f4d242
  • 译文出自:登链翻译计划
  • 译者:翻译小组
  • 校对:Tiny 熊
  • 本文永久链接:learnblockchain.cn/article…

当你刚开始处理 web3 元数据时,也许会感到不知所措,至少我第一次是这样的感觉。我是那种做不了 YOLO 开发的人,我需要知道我正在做什么,正在用什么,以及如何构建有意义的东西,即使这只是POC(proof of concept)。

YOLO(You only live once)意思是不求甚解

但在这种情况下,经验是很重要的,你不可能从一开始就学会所有的东西,否则你会很受伤。Scaffold-eth是一个完美的开始,它背后有一个经验丰富的社区(Telegram Group),它有一个预先配置好的工作空间,有你需要的一切:

  • 前端
  • 智能合约
  • 大量的现实的使用场景

这是你需要开始进行区块链编程和学习构建项目时的完美工具箱。

从 scaffold-eth 开启 Web3 开发之旅 – 开篇插图

TLDR:

Scaffold-eth 为以太坊上的快速原型开发提供了一个现成的开发技术栈,使开发人员能够获得最先进的工具,以快速学习和交付基于以太坊的 dApp。

scaffold-eth 使用哪个技术栈?

目前,下面是它所使用的技术堆栈:

  • Hardhat:一个开源项目,允许你运行本地网络,部署和测试智能合约;
  • React: 用于构建前端,使用许多有用的预制组件和挂钩;
  • Ant: 用于用户界面;
  • Surge:用于发布应用程序。

一些有用的链接:

  • scaffold-eth 源码
  • scaffoldeth 文档
  • Telegram Group
  • Discord 小组(Buidl Guidl)

专栏的最终目标是什么?

我是一个喜欢学习新技术的人,我喜欢创造内容,为社区作出贡献,并分享我的旅程和知识。

考虑到这一点,在这一旅程结束时,我希望能实现这些目标。

  • 掌握 scaffold-eth 创建项目并在 main-net 上部署
  • 学习我需要知道的关于 Solidity、ethersjs、hardhat 和 web3 开发的所有知识。
  • 在 scaffold-eth 中增加对 TypeScript 的支持(在 react 前端和 solidity/hardhat 中都有TypeChain)。
  • 前端部分从 React 切换到 NextJs
  • 增加支持将 react/nextjs 应用程序部署到 Vercel
  • 使用TailwindCSS创建一个 scaffold-eth-ui 工具包
  • 创建博客文章/视频,记录这一历程
  • 在学习区块链概念时进行头脑风暴

它是一个很大的工作吗?是的! 但是,要不就大干一场,要不就回家,对吗?

本翻译由 CellETF 赞助支持。

本文参与登链社区写作激励计划 ,好文好收益,欢迎正在阅读的你也加入。

  • 发表于 2021-11-09 10:53
  • 阅读 ( 826 )
  • 学分 ( 84 )
  • 分类:DApp
  • 专栏:从 scaffold-eth 开启 Web3 开发之旅

评论