社区示例和脚手架收集 Demo and Scaffold from communication about ant-design

[samonxian]

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

[Justin-lu]

https://github.com/Justin-lu/react-redux-antd

用了一段时间antd，也撸了个demo

[vtoo]

有没有更全一点案例呢？ 开源的整站项目？

[dzcpy]

有没有和next.js结合的项目？

[sunlightwdd]

也向大家推荐一个功能比较齐全且可实战的antd-dva-admin项目https://github.com/pmg1989/dva-admin

[benjycui]

@RichardLyp 那个 repo 并不是我们在维护，请直接去对应仓库开 issue。

（虽然我知道是什么原因，但我不喜欢你们把 antd 的 issue 当垃圾桶，有关无关都往这里扔 :-(

（issue 应当放在对应的项目下面，并 @ 下你认为需要参与讨论的人即可

（到那个 repo 开个 issue 再 @ 下我，我会回复的

[websemantics]

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, ..

[benjycui]

Please read FAQ, and smart questions.

[pookpal]

用webpack+react+ant-design+ES6+Echart做的项目模板
1、自动化、工程化
2、热更新
3、国际化自动构建
4、修改antd默认样式和默认字体图标
5、css模块化

https://github.com/pookpal/star-initReact-example

[eaTong]

electron + Mobx + antd + sequelize,这个项目是最近自己在做的，由于是升级3年前刚入门的时候写的一个程序，所以在表结构上面设计会很不合理，不过尽量在保证前端代码的合理化。看到这里没有提到Electron,就拿出来献丑了。

[samonxian]

基于antd的form builder
https://github.com/dog-days/antd-react-form-builder
https://xianshannan.github.io/antd-react-form-builder/

[websemantics]

Ant Design trending today, https://github.com/trending

[tvrcgo]

Share one
https://github.com/tvrcgo/egg-react-mobx-ts-antd
egg, react, mobx-react, typescript and ant design.

[afc163]

@sunlightwdd 感觉大量『借鉴』了 https://github.com/zuiidea/antd-admin ，是否不妥当。

[ReadingSteiner]

跪求更新示例

[afc163]

https://github.com/JasonBai007/reactSPA

[afc163]

• 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]

@xianshannan 实现质量真高。:+1:

PS 主色可以直接覆盖 less 变量，不用复写。https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

[lixiaoyang1992]

试着把redux reactrouter typescript整合了一下，下一步要把公司的项目也换成typescript开发
https://github.com/lixiaoyang1992/react-typescript-starter-kit

[myqianlan]

https://github.com/myqianlan/antd-admin-boilerplate

[jorycn]

求更新~~

[yasenagat]

up，更新

[Ir1d]

求更新的demo....

[kaiye]

+1，没 demo 的确很难上手

[can-cc]

呵呵哒

[alwayrun]

👍

[wuzhao]

+1 有示例前期摸索可以省很多时间。

[yiminghe]

@benjycui

[Ir1d]

👍

[diaoaa]

给的页面 404.........

[benjycui]

@diaoaa 还没开始做。。。

[Ir1d]

@lysnoter cnpm --> visit http://npm.taobao.org

[benjycui]

@lysnoter 以后提问请另外 issue，另外麻烦先看下这个 https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
这楼歪的。。。要删 commet 整理一下么。。。

[benjycui]

写了个简单的例子 https://github.com/benjycui/selector-specificity/tree/master

之所以不是 TODO，是因为刚好需要这么一个工具

[xiongjiabin]

这个问题，把那个版本改成低一个版本就可以了！

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
#129 (comment)
.

熊佳斌

[afc163]

这个脚手架是一个非常棒的示例：https://github.com/jovey-zheng/react-start-kit

[afc163]

还有这个：https://github.com/okoala/react-redux-antd

[afc163]

https://github.com/fireyy/react-antd-admin

[benjycui]

https://github.com/pizn/eevee

[afc163]

• https://github.com/hutxs/iconfig-antd
• https://github.com/BetaRabbit/react-redux-antd-starter
• https://github.com/SDLyu/react-redux-antd-starter-kit

[afc163]

https://github.com/pandazki/ant-design-redux-boilerplate

[yuzhouisme]

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

[afc163]

https://github.com/sorrycc/github-stars

[afc163]

https://github.com/yuzhouisme/react-antd-redux-router-starter

[afc163]

https://github.com/huhulab/react-frontend-boilerplate

[afc163]

http://demo-static.huhulab.com/react-frontend-boilerplate/#/demo/test_forms?_k=9267rv

[RichardLyp]

https://github.com/huhulab/react-frontend-boilerplate 跑不起来 @afc163
会报错 antd.js:8494 Uncaught TypeError: Cannot read property 'instance' of undefined

[RichardLyp]

我不用antd的脚手架，为什么项目引进antd之后，webpack打包出来有800多K大，没引antd时才200多，这样正常吗 @benjycui

[afc163]

https://github.com/tetojs/teto.js

[afc163]

https://github.com/yukrain/koa-antd-admin

[benjycui]

国人的项目都不提供英文文档的么 😅

[afc163]

https://github.com/yedegesong/typescript-webpack-react-antd

[afc163]

https://github.com/bang88/typescript-react-redux-starter

[superlbr]

有没有同构的方案

[afc163]

大家有什么好的脚手架和示例可以到这里去 PR：https://github.com/websemantics/awesome-ant-design

[afc163]

https://github.com/cas-x/cas-server

[afc163]

• https://github.com/visvadw/ant-design-playground
• https://github.com/websemantics/semantic-ant
• https://github.com/peterchenhdu/webbf

[afc163]

两个扩展组件：

• https://github.com/kagawagao/react-grid
• https://github.com/huhulab/antd-kit

[wuhaih]

能提供demo 看看麽

[samonxian]

@wuhaih https://github.com/dog-days/r2
clone后运行就是demo了，可以看看文档

[afc163]

https://github.com/zuiidea/antd-admin

http://zuiidea.github.io/antd-admin/

https://github.com/jiangxy/react-antd-admin

两个非常赞的后台 Demo。

[mgoann]

跪求一个页内编辑的demo

[ouzhou]

来一个 antd-dva-admin

[afc163]

Use antd with Java: https://github.com/ihaolin/diablo （轻量的持久化配置服务）

[janjon]

有 和 redux 做的demo 吗。关于form 操作提示这类问题。

[ouzhou]

@janjon dva

[luckykun]

我来推荐一个，我自己写的react+router的项目脚手架。
https://github.com/luckykun/generator-reactpackage

[winqer]

@xianshannan
https://console.topvdn.com
这个项目有放到github吗

[zmGitHub]

有没有注意到 如果把babel-plugin-import的配置下在 babel-loader的 query 中是不起作用的 但是在. babelrc是可以 但是 仍然会提示你的第三方包过大

[samonxian]

@YANGWQ123 公司内部项目

[tianzx]

我的demo
https://github.com/tianzx/ui

[mayamoon]

求 VS2015 +TypeScript 2.0.6 + antd2.2.1 的實例項目

[yedaodao]

webpack部署antd图标至本地

https://github.com/yedaodao/antd-local-icon

[afc163]

Koa2 + React + Redux + antd 同构直出探索：https://github.com/git-lt/isomorphism-koa2-react-antd

[afc163]

如何在 create-react-app 中使用 antd：

• 代码：https://github.com/ant-design/create-react-app-antd
• 文档：https://ant.design/docs/react/use-with-create-react-app-cn

[wufeng87]

请问有没有其他帖子专门放置开源案例(包括HOC扩展的组件)的？
类似这种开源app https://github.com/andrewngu/sound-redux
这个帖子大多是脚手架。

[afc163]

https://github.com/guox191/antd-redux-scaffold

[afc163]

https://github.com/OwlAford/react-blade-desktop

[afc163]

https://github.com/lokewei/koa2-dva-antd

[afc163]

Some boilerplates using TypeScript and antd.

• https://github.com/zhifeng-mi/typescript-react-redux-router-antd-starter-kit
• https://github.com/huang6349/ts-dva
• https://github.com/xufei/antd-dva-ts-boilerplate

[afc163]

https://github.com/rhiokim/react-boilerplate

[afc163]

• https://github.com/mqyqingfeng/react-base
• https://github.com/sosout/react-antd

[benjycui]

https://github.com/bang88/fuse-box-antd-example

From: #5110 (comment)

[danielbiloglav]

Here is a boilerplate using React, Redux, TypeScript, SSR, HMR, Webpack 2.

https://github.com/danielbiloglav/universal-react-redux-typescript-antd-starter-kit

[afc163]

https://github.com/mqyqingfeng/react-admin

[shengbeiniao]

一个基于antd和dva的统一中台框架，实现了类似阿里云的2级导航

[benjycui]

这个 issue 或者可以关了？

[benjycui]

@afc163

[afc163]

欢迎将您的脚手架提交到：http://scaffold.ant.design/

[lock]

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.