Ant-design: 社区示例和脚手架收集 Demo and Scaffold from communication
2017.05.13 更新，欢迎将您的脚手架提交到：http://scaffold.ant.design/
这里将长期收集社区提供的一些 antd 周边的开发资源和例子，帮助你探索其他人是怎么进行开发的，也欢迎主动回复到此处。
无关回复将会定期删除。
afc163
All 90 comments
跪求更新示例
ReadingSteiner
on 16 Aug 2015
求更新~~
jorycn
on 23 Aug 2015
up，更新
yasenagat
on 27 Aug 2015
求更新的demo....
Ir1d
on 12 Sep 2015
+1，没 demo 的确很难上手
kaiye
on 14 Oct 2015
呵呵哒
fwchen
on 14 Oct 2015
:+1:
alwayrun
on 16 Nov 2015
+1 有示例前期摸索可以省很多时间。
wuzhao
on 16 Nov 2015
@benjycui
yiminghe
on 23 Nov 2015
:+1:
Ir1d
on 23 Nov 2015
给的页面 404.........
diaoaa
on 30 Dec 2015
@diaoaa 还没开始做。。。
benjycui
on 30 Dec 2015
@lysnoter cnpm --> visit http://npm.taobao.org
Ir1d
on 14 Jan 2016
@lysnoter 以后提问请另外 issue，另外麻烦先看下这个 https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
这楼歪的。。。要删 commet 整理一下么。。。
benjycui
on 14 Jan 2016
写了个简单的例子 https://github.com/benjycui/selector-specificity/tree/master
之所以不是 TODO，是因为刚好需要这么一个工具
benjycui
on 26 Jan 2016
这个问题，把那个版本改成低一个版本就可以了！
On Tue, Jan 26, 2016 at 5:28 PM, Benjy Cui [email protected] wrote:
写了个简单的例子 https://github.com/benjycui/selector-specificity/tree/master
之所以不是 TODO，是因为刚好需要这么一个工具
—
Reply to this email directly or view it on GitHub
https://github.com/ant-design/ant-design/issues/129#issuecomment-174922114
.
熊佳斌
xiongjiabin
on 26 Jan 2016
这个脚手架是一个非常棒的示例：https://github.com/jovey-zheng/react-start-kit
afc163
on 3 Feb 2016
afc163
on 3 Feb 2016
afc163
on 20 Feb 2016
benjycui
on 22 Feb 2016
afc163
on 6 Mar 2016
afc163
on 16 Mar 2016
I hope that can help developers who used antd.
This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, router and so on.
https://github.com/yuzhouisme/react-antd-redux-router-starter
yuzhouisme
on 25 Mar 2016
afc163
on 28 Mar 2016
afc163
on 6 Apr 2016
afc163
on 13 Apr 2016
afc163
on 17 Apr 2016
https://github.com/huhulab/react-frontend-boilerplate 跑不起来 @afc163
会报错 antd.js:8494 Uncaught TypeError: Cannot read property 'instance' of undefined
RichardLyp
on 3 May 2016
@RichardLyp 那个 repo 并不是我们在维护，请直接去对应仓库开 issue。
（虽然我知道是什么原因，但我不喜欢你们把 antd 的 issue 当垃圾桶，有关无关都往这里扔 :-(
（issue 应当放在对应的项目下面，并 @ 下你认为需要参与讨论的人即可
（到那个 repo 开个 issue 再 @ 下我，我会回复的
benjycui
on 4 May 2016
我不用antd的脚手架，为什么项目引进antd之后，webpack打包出来有800多K大，没引antd时才200多，这样正常吗 @benjycui
RichardLyp
on 4 May 2016
Please read FAQ, and smart questions.
benjycui
on 4 May 2016
afc163
on 17 May 2016
afc163
on 23 May 2016
国人的项目都不提供英文文档的么 😅
benjycui
on 24 May 2016
afc163
on 17 Jun 2016
afc163
on 21 Jun 2016
afc163
on 7 Jul 2016
- https://github.com/cupools/todoMVC-react
- https://github.com/Justin-lu/react-redux-best-practice
- https://github.com/chenliang2016/CLReactAntDesign
- https://github.com/LeuisKen/react-redux-intro
- https://github.com/dayiner-ued/antd-start-kit
- https://github.com/peterchenhdu/webbf
- https://github.com/xpcode/react-isomorphic
afc163
on 21 Jul 2016
https://github.com/Justin-lu/react-redux-antd
用了一段时间antd，也撸了个demo
Justin-lu
on 28 Jul 2016
有没有同构的方案
superlbr
on 29 Jul 2016
大家有什么好的脚手架和示例可以到这里去 PR：https://github.com/websemantics/awesome-ant-design
afc163
on 5 Aug 2016
afc163
on 9 Aug 2016
afc163
on 20 Aug 2016
Just updated https://github.com/websemantics/awesome-ant-design with all projects mentioned here, and few from searching Github,
I tried to test the ones I add first so I can describe them better, but it's a long list and I couldn't get a lot of them working, .. I've also added few more categories and a table of content,
Please feel free to add new Ant Design related projects directly with a PR, and I will be more than happy to merge,
Will keep the listed up to date, ..
websemantics
on 24 Aug 2016
afc163
on 31 Aug 2016
有没有更全一点案例呢？ 开源的整站项目？
vtoo
on 2 Sep 2016
用webpack+react+ant-design+ES6+Echart做的项目模板
1、自动化、工程化
2、热更新
3、国际化自动构建
4、修改antd默认样式和默认字体图标
5、css模块化
pookpal
on 7 Sep 2016
R2框架(Redux React Framework)主要是基于React、Redux而构建的，其中还是用了react-router、react-router-redux、react-redux、immutable.js。同时使用webpack模块加载工具，采用ES62015语法。所有如果要使用本框架，这些知识多多少少都要会点的。同时也使用了Ant Design组件,生成的页面使用的UI是Ant Design,目前只支持这种，后面页面生成也会支持多种UI组件。 R2框架旨在快速搭建页面，减少重复工作，减少重复代码，提高开发效率。
最主要的两种特点：
- 智能构建route和reducer
- 页面生成器
实际上线项目
https://console.topvdn.com
user: [email protected]
pwd: nan123456789
xianshannan
on 8 Sep 2016
能提供demo 看看麽
wuhaih
on 8 Sep 2016
@xianshannan 实现质量真高。:+1:
PS 主色可以直接覆盖 less 变量，不用复写。https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs
afc163
on 8 Sep 2016
@wuhaih https://github.com/dog-days/r2
clone后运行就是demo了，可以看看文档
xianshannan
on 9 Sep 2016
https://github.com/zuiidea/antd-admin
http://zuiidea.github.io/antd-admin/
https://github.com/jiangxy/react-antd-admin
两个非常赞的后台 Demo。
afc163
on 30 Sep 2016
跪求一个页内编辑的demo
mgoann
on 8 Oct 2016
来一个 antd-dva-admin
ouzhou
on 8 Oct 2016
Use antd with Java: https://github.com/ihaolin/diablo （轻量的持久化配置服务）
afc163
on 9 Oct 2016
有 和 redux 做的demo 吗。关于form 操作提示这类问题。
janjon
on 11 Oct 2016
@janjon dva
ouzhou
on 11 Oct 2016
我来推荐一个，我自己写的react+router的项目脚手架。
https://github.com/luckykun/generator-reactpackage
luckykun
on 13 Oct 2016
@xianshannan
https://console.topvdn.com
这个项目有放到github吗
winqer
on 13 Oct 2016
有没有注意到 如果把babel-plugin-import的配置下在 babel-loader的 query 中是不起作用的 但是在. babelrc是可以 但是 仍然会提示你的第三方包过大
zmGitHub
on 19 Oct 2016
@yangwq123 公司内部项目
xianshannan
on 20 Oct 2016
我的demo
https://github.com/tianzx/ui
tianzx
on 28 Oct 2016
求 VS2015 +TypeScript 2.0.6 + antd2.2.1 的實例項目
mayamoon
on 2 Nov 2016
webpack部署antd图标至本地
yedaodao
on 10 Nov 2016
试着把redux reactrouter typescript整合了一下，下一步要把公司的项目也换成typescript开发
https://github.com/lixiaoyang1992/react-typescript-starter-kit
lixiaoyang1992
on 11 Nov 2016
Koa2 + React + Redux + antd 同构直出探索：https://github.com/git-lt/isomorphism-koa2-react-antd
afc163
on 26 Nov 2016
Ant Design trending today, https://github.com/trending
websemantics
on 29 Nov 2016
如何在 create-react-app 中使用 antd：
afc163
on 23 Dec 2016
请问有没有其他帖子专门放置开源案例(包括HOC扩展的组件)的？
类似这种开源app https://github.com/andrewngu/sound-redux
这个帖子大多是脚手架。
wufeng87
on 26 Dec 2016
afc163
on 30 Dec 2016
afc163
on 22 Jan 2017
afc163
on 3 Feb 2017
Some boilerplates using TypeScript and antd.
afc163
on 22 Feb 2017
Share one
https://github.com/tvrcgo/egg-react-mobx-ts-antd
egg, react, mobx-react, typescript and ant design.
tvrcgo
on 24 Feb 2017
afc163
on 25 Feb 2017
afc163
on 28 Feb 2017
https://github.com/bang88/fuse-box-antd-example
From: https://github.com/ant-design/ant-design/issues/5110#issuecomment-283095829
benjycui
on 1 Mar 2017
Here is a boilerplate using React, Redux, TypeScript, SSR, HMR, Webpack 2.
https://github.com/danielbiloglav/universal-react-redux-typescript-antd-starter-kit
danielbiloglav
on 12 Mar 2017
afc163
on 15 Mar 2017
也向大家推荐一个功能比较齐全且可实战的antd-dva-admin项目https://github.com/pmg1989/dva-admin
sunlightwdd
on 16 Mar 2017
@sunlightwdd 感觉大量『借鉴』了 https://github.com/zuiidea/antd-admin ，是否不妥当。
afc163
on 16 Mar 2017
有没有和next.js结合的项目？
dzcpy
on 17 Mar 2017
一个基于antd和dva的统一中台框架，实现了类似阿里云的2级导航
shengbeiniao
on 23 Mar 2017
myqianlan
on 30 Mar 2017
electron + Mobx + antd + sequelize,这个项目是最近自己在做的，由于是升级3年前刚入门的时候写的一个程序，所以在表结构上面设计会很不合理，不过尽量在保证前端代码的合理化。看到这里没有提到Electron,就拿出来献丑了。
eaTong
on 1 Apr 2017
基于antd的form builder
https://github.com/dog-days/antd-react-form-builder
https://xianshannan.github.io/antd-react-form-builder/
xianshannan
on 6 Apr 2017
这个 issue 或者可以关了？
benjycui
on 17 May 2017
@afc163
benjycui
on 17 May 2017
欢迎将您的脚手架提交到：http://scaffold.ant.design/
afc163
on 23 May 2017
This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.
![lock[bot] picture](https://avatars1.githubusercontent.com/in/6672?v=4&s=40)
lock[bot]
on 23 May 2018
Related issues
AhmedSayed77
·
3Comments
tianyacsdn
·
3Comments
kevyu
·
3Comments
ryannealmes
·
3Comments
lifeneedspassion
·
3Comments
Most helpful comment
R2框架(Redux React Framework)主要是基于React、Redux而构建的，其中还是用了
react-router、react-router-redux、react-redux、immutable.js。同时使用webpack模块加载工具，采用ES62015语法。所有如果要使用本框架，这些知识多多少少都要会点的。同时也使用了Ant Design组件,生成的页面使用的UI是Ant Design,目前只支持这种，后面页面生成也会支持多种UI组件。 R2框架旨在快速搭建页面，减少重复工作，减少重复代码，提高开发效率。最主要的两种特点：
实际上线项目
https://console.topvdn.com
user: [email protected]
pwd: nan123456789