dva-admin

A dashboard application built upon dva and ant-design

Live Demo

This live demo is deploy on firebase hosting. You can view a live version of this demo here.

Based on

• Dva - React and redux based, lightweight and elm-style framework.
• Ant Design - A UI Design Language
• Firebase - Firebase helps you build better mobile apps and grow your business.

Getting Started

Install dependencies

$ yarn

Start dev server

$ yarn start

Build

$ yarn build

Debugging in the Editor

Need to have the latest version of VS Code and VS Code Chrome Debugger Extension installed.
Then add the block below to your launch.json file and put it inside the .vscode folder in your app’s root directory.

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome",
      "url": "http://localhost:8000",
      "sourceMaps": true,
      "webRoot": "${workspaceRoot}/src",
      "smartStep": true,
      "internalConsoleOptions": "openOnSessionStart",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

Start your app by running yarn start, and start debugging in VS Code by pressing F5 or by clicking the green debug icon. You can now write code, set breakpoints, make changes to the code, and debug your newly modified code—all from your editor.

Talk

• Slack

Special thanks to

zuiidea: https://github.com/zuiidea/antd-admin
sorrycc: https://github.com/dvajs/dva-example-user-dashboard
pmg1989: https://github.com/pmg1989/dva-admin

License

MIT