Dapp 全栈开发资料

前端工具链文档

React

• React

• React RodeMap

• Awesome React

Typescript

• Typescript Docs

Animation

• UI 动画 react-spring

• UI 动画模拟器 visualizer

State 管理

• Redux, Mobx, Flux, Xstate, Recoil

区块链连接

• Web3.js

• Ethers.js

全栈框架

• 静态化全站框架 CatsBy

• 服务端渲染全站框架 Next.JS

• Awesome Next.JS

其他

• 表单管理 ForMic

• Tailwind.css

• 工具

• React Native

预制框架

• moralis-starters

• scaffold-eth

• create-eth-app

后端工具链文档

• 预言机 ChainLink

• 自动化 Automation

• 自己实现数据抓取, 存储到数据库, 以 RestAPI 或 GraphQL 方式提供数据

文件存储

• IPFS

• FileCoin

• Arweave

• 中心化: Vercel, AWS, Azure, Google User API

数据索引/查询

• Alchemy/Infura 节点

• TheGraph

• Moralis

身份授权 DID

• Lens Protocol

• Spruce ID

• EIP-4361

Solidity

流程: 实验 experimentation, 迭代 iteration, 测试 testing, 审计 auditing, 测试网部署 testnet deployment, 主网部署 mainnet deployment

涉及领域: 设计模式 design pattern, 测试 testing, 安全 security, 预言机 oracles

学习资源:

• Solidity 0.8.0

• 语法, 漏洞, 设计模式

• CryptoZombies

• 设计模式: https://github.com/fravoll/solidity-patterns

• 集成 ENS: 在 FE 或是 Smart Contracts

更多: https://www.devpill.me/docs/smart-contract-development/introduction/

关于全栈

全栈 > 设计 + 前端 + 后端 + 合约

• 招聘成本

• 沟通成本

• 工资开销成本

其他领域

主链, 安全, Defi, 协议, 数据分析, 密码学, 软实力, 社会资源

Note: 主要资料来源于 Dev Pill 开发药丸