Dapp Boilerplate – Dapp样板区块链毕设代写

区块链毕设代写本文提供国外最新区块链项目源码下载,包括solidity,eth,fabric等blockchain区块链,Dapp Boilerplate – Dapp样板区块链毕设代写 是一篇很好的国外资料

Dapp Boilerplate

This repo makes use of a React, Redux + Saga, Reselect boilerplate

Table of Contents

  • Features
  • Install
  • Usage
  • Contributing

Features

Stack

  • JS Framework: React + Typescript
  • SEO & Metadata: Helmet.js
  • Blockchain components: Ethers.js + web3-react
  • Styling: JSS + Material UI
  • State management: Redux + Redux-Saga + Reselect
  • Template generation: Plop + Handlebars.js
  • Compiling: Webpack + Babel
  • Forms & Validation: Formik + Yup
  • Notifications: Toastify

Structure

The boiler is set up as a Yarn workspace/monorepo, this allows for adding additional workspaces like Blockchain or Server if required and executing parallel scripts across all spaces.

Webapp

The web app is structured as a standard React app, the important areas to note is the /api, /domains, /containers & /components.

The api interactions have helpers to automatically format form field data, collect access token headers and allow for reducer-esque api calling functions.

The domains folder acts as the apps main Daemon & singleton business logic management components, general app actions are managed here, reducers for the domain state, selectors etc can be found here. Domains are meant to be globally accessable services facilitated through Redux-Saga for async actions

The containers folder allows for managing the business logic of constructing selectors, action dispatch functions, and any complex operations that should be managed seperately from the mark up.

The components folder is for markup files & styling.

Install

First, run yarn to install the workspace dependancies:

yarn install 

Usage

Development

For running a local instance use the command:

yarn start:dev 

Template generator

To make use of the webapp template generator, first open a terminal and navigate to ./WebApp, run the command yarn generate & follow the prompts.

Build

To build the project across workspaces, at the root of the directory, run the command yarn build.

Contributions

Frontend boilerplate designed & crafted originally by @FSM1/@panterazar

General updates & modifications by @RyRy79261


Dapp样板文件

目录

特性

结构

Webapp

安装

使用

开发

构建

贡献

  • 特性
  • 安装

  • 用法
  • 贡献
  • JS框架:React+Typescript
  • SEO&元数据:头盔.js
  • 区块链blockchain组件:以太网.js+web3 react样式:JSS+materialui
  • 状态管理:Redux+Redux Saga+Reselect
  • 模板生成:Plop+把手.js
  • 编译:Webpack+Babel
  • 表单&验证:Formik+Yup
  • 通知:Toastify
  • 该回购利用React、Redux+Saga、Reselect样板。

    目录

    • 特性
    • 用法
    • 贡献
    • JS框架:React+Typescript

    特性

    • SEO&元数据:头盔.js
    • 区块链blockchain组件:以太网.js+web3 react样式:JSS+materialui
    • 状态管理:Redux+Redux Saga+Reselect
    • 模板生成:Plop+把手.js
    • 编译:Webpack+Babel
    • 表单&验证:Formik+Yup
    • 通知:Toastify
    • Forms & Validation: Formik + Yup
    • Notifications: Toastify

    结构

    锅炉被设置为纱线工作区/monorepo,这允许在需要时添加额外的工作区,如区块链blockchain或服务器,并在所有空间执行并行脚本。

    Webapp

    web应用程序是一个标准的React应用程序,需要注意的重要区域是/api、/domains、/containers&/components。

    api交互具有帮助程序,可以自动格式化表单字段数据、收集访问令牌头和允许reducer-esque api调用函数。

    域文件夹充当应用程序主守护程序和单例业务逻辑管理组件,在此处管理一般应用程序操作,在此处可以找到域状态的还原器、选择器等。域应该是全局可访问的服务,通过Redux Saga for async actions实现。

    containers文件夹允许管理构造选择器、操作调度函数和任何应与标记分开管理的复杂操作的业务逻辑。

    组件文件夹用于标记文件和样式设置。

    安装

    首先,运行yarn以安装工作区依赖项:

    yarn install 

    开发

    构建

    要运行本地实例,请使用以下命令:

    yarn start:dev 

    贡献

    若要使用webapp模板生成器,请首先打开一个终端并导航到./webapp,运行命令yarn generate并按照提示操作。

    Build

    要跨工作区构建项目,请在目录的根目录下运行yarn build命令。

    Contributions

    前端样板设计和制作最初由@FSM1/@panterazar制作

    一般更新&@RyRy79261

    部分转自网络,侵权联系删除区块链源码网

    www.interchains.cc

    https://www.interchains.cc/17082.html

    区块链毕设网(www.interchains.cc)全网最靠谱的原创区块链毕设代做网站 部分资料来自网络,侵权联系删除! 最全最大的区块链源码站 !
    区块链知识分享网, 以太坊dapp资源网, 区块链教程, fabric教程下载, 区块链书籍下载, 区块链资料下载, 区块链视频教程下载, 区块链基础教程, 区块链入门教程, 区块链资源 » Dapp Boilerplate – Dapp样板区块链毕设代写

    提供最优质的资源集合

    立即查看 了解详情