Ant-design: Exemples de communauté et collection d'échafaudages Démo et échafaudage de la communication

Exemple de mise à jour de Guiqiu

Mettre à jour ~~

mettre à jour

Recherche de démo mise à jour ...

+1, il est vraiment difficile de commencer sans démo

Ha ha da

: +1:

+1 Il existe des exemples d'exploration précoce qui peuvent faire gagner beaucoup de temps.

@benjycui

: +1:

La page donnée 404 .........

@diaoaa n'a pas encore commencé à le faire. . .

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

@lysnoter pose des questions à l'avenir, veuillez publier un autre numéro, et veuillez jeter un coup d'œil à ce https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
Cet étage est tordu. . . Voulez-vous supprimer le commet et l'organiser? . .

A écrit un exemple simple https://github.com/benjycui/selector-specificity/tree/master

La raison pour laquelle ce n’est pas TODO est que vous avez juste besoin d’un tel outil

Pour ce problème, changez simplement cette version en une version inférieure!

Le mar 26 janvier 2016 à 17 h 28, Benjy Cui [email protected] a écrit:

A écrit un exemple simple https://github.com/benjycui/selector-specificity/tree/master

La raison pour laquelle ce n’est pas TODO est que vous avez juste besoin d’un tel outil

-
Répondez directement à cet e-mail ou affichez-le sur GitHub
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Xiong Jiabin

Cet échafaudage est un excellent exemple: https://github.com/jovey-zheng/react-start-kit

Et celui-ci: https://github.com/okoala/react-redux-antd

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

https://github.com/pizn/eevee

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

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

J'espère que cela pourra aider les développeurs qui ont utilisé antd.

Ce projet est conçu pour aider ceux qui utilisent antd à développer un site Web (ou une application Web). Peut-être aussi besoin d'utiliser redux, routeur, etc.

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

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

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

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

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

https://github.com/huhulab/react-frontend-boilerplate ne peut pas exécuter @ afc163
Rapportera une erreur antd.js: 8494 Uncaught TypeError: Cannot read property'instance 'of undefined

Le dépôt de @ RichardLyp n'est pas géré par nous, veuillez vous rendre directement à l'entrepôt correspondant pour ouvrir un problème.

(Bien que je connaisse la raison, je n'aime pas que vous utilisiez le problème d'antd comme une poubelle. Jetez-le ici si vous ne vous en souciez pas :-(

(Le problème doit être placé sous le projet correspondant, et @ sous les personnes dont vous pensez avoir besoin pour participer à la discussion

(Accédez à ce dépôt pour ouvrir un problème, puis @ me, je répondrai

Je n'utilise pas d'échafaudage antd. Pourquoi le pack Web contient-il plus de 800 Ko après l'introduction d'antd, mais seulement plus de 200 sans antd. Est-ce normal? @Benjycui

Veuillez lire la FAQ et les questions intelligentes .

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

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

Les projets chinois ne fournissent-ils pas de documents en anglais? 😅

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

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

https://github.com/JasonBai007/reactSPA

• 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

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

Après avoir utilisé antd pendant un moment, j'ai également créé une démo

Y a-t-il une solution isomorphe

Si vous avez de bons échafaudages et des exemples, veuillez vous rendre sur PR ici: https://github.com/websemantics/awesome-ant-design

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

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

Je viens de mettre à jour https://github.com/websemantics/awesome-ant-design avec tous les projets mentionnés ici, et peu de recherche sur Github,

J'ai essayé de tester celles que j'ai ajoutées en premier afin de mieux les décrire, mais c'est une longue liste et je n'ai pas pu en faire fonctionner beaucoup, .. J'ai également ajouté quelques catégories supplémentaires et une table des matières,

N'hésitez pas à ajouter de nouveaux projets liés à Ant Design directement avec un PR, et je serai plus qu'heureux de fusionner,

Tiendra la liste à jour, ..

Deux composants d'extension:

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

Existe-t-il un cas plus complet? Projet de site entier open source?

Modèle de projet réalisé avec webpack + react + ant-design + ES6 + Echart
1. Automatisation et ingénierie
2. Mise à jour à chaud
3. Construction automatique de l'internationalisation
4. Modifiez le style par défaut antd et l'icône de police par défaut
5. Modularisation CSS

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

Le framework R2 (Redux React Framework) est principalement basé sur React et Redux, qui utilise toujours react-router , react-router-redux , react-redux , immutable.js . En même temps, utilisez l'outil de chargement du module webpack, en utilisant la syntaxe ES62015. Si vous souhaitez utiliser ce framework, vous devez connaître plus ou moins ces connaissances. Parallèlement, des composants Ant Design sont également utilisés. L'interface utilisateur utilisée dans les pages générées est Ant Design. Actuellement, seule cette option est prise en charge. La génération de page ultérieure prendra également en charge plusieurs composants d'interface utilisateur. Le cadre R2 vise à créer rapidement des pages, à réduire la duplication du travail, à réduire la duplication du code et à améliorer l'efficacité du développement.
Les deux principales caractéristiques:

• Construisez intelligemment la route et le réducteur
• Générateur de pages

Élément de campagne en fait
https://console.topvdn.com
utilisateur: [email protected]
pwd: nan123456789

Pouvez-vous fournir une démo?

La qualité de mise en œuvre de

La couleur principale du PS peut couvrir directement les moins variables sans copier. https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
Exécuter après le clonage est une démonstration, vous pouvez vérifier le document

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

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

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

Deux très bonnes démos de fond.

Guiqiu une démo éditée dans une page

Venez un antd-dva-admin

Utilisez antd avec Java: https://github.com/ihaolin/diablo (service de configuration persistant léger)

Existe-t-il une démo avec redux? Invitez ce genre de question sur le fonctionnement du formulaire.

@janjon dva

Laissez-moi vous recommander un projet d'échafaudage de react + router écrit par moi-même.
https://github.com/luckykun/generator-reactpackage

@xianshannan
https://console.topvdn.com
Ce projet a-t-il été mis sur github?

Avez-vous remarqué que si la configuration de babel-plugin-import est dans la requête de babel-loader, cela ne fonctionne pas, mais en .babelrc est possible, mais cela vous demandera quand même que votre paquet tiers est trop volumineux

@ yangwq123 projet interne de l'entreprise

Ma démo
https://github.com/tianzx/ui

Recherche d'exemple de projet VS2015 + TypeScript 2.0.6 + antd2.2.1

webpack déploie l'icône antd en local

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

Essayez d'intégrer redux reactrouter dactylographié, l'étape suivante consiste à remplacer le projet de l'entreprise par un développement dactylographié
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + React + Redux + antd Isomorphism exploration directe: https://github.com/git-lt/isomorphism-koa2-react-antd

Conception de fourmis à la mode aujourd'hui, https://github.com/trending

Comment utiliser antd dans create- react

• Code: https://github.com/ant-design/create-react-app-antd
• Documentation: https://ant.design/docs/react/use-with-create-react-app-cn

Existe-t-il un autre article dédié aux cas open source (y compris les composants d'extension HOC)?
Similaire à cette application open source https://github.com/andrewngu/sound-redux
Ce poste est principalement des échafaudages.

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

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

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

Quelques passe-partout utilisant TypeScript et 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

Partagez-en un
https://github.com/tvrcgo/egg-react-mobx-ts-antd
conception d'oeuf, de réaction, de mobx-react, de typographie et de fourmi.

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

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

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

De: https://github.com/ant-design/ant-design/issues/5110#issuecomment -283095829

Voici un passe-partout utilisant React, Redux, TypeScript, SSR, HMR, Webpack 2.

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

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

Je recommande également un projet antd-dva-admin entièrement fonctionnel et combattable https://github.com/pmg1989/dva-admin

@sunlightwdd estime que beaucoup d '"apprentissage" de https://github.com/zuiidea/antd-admin n'est pas approprié.

Y a-t-il des projets combinés avec next.js?

Un cadre de middle- office

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

electron + Mobx + antd + sequelize , ce projet a été récemment réalisé par moi-même, car c'était un programme écrit lorsque j'ai commencé la mise à niveau il y a 3 ans, donc la conception de la structure de la table serait très déraisonnable, mais essayez de vous assurer du code frontal rationalisation. Voyant qu'Electron n'était pas mentionné ici, je l'ai sorti pour montrer ma laideur.

Générateur de formulaires basé sur antd
https://github.com/dog-days/antd-react-form-builder
https://xianshannan.github.io/antd-react-form-builder/

Ou ce problème peut-il être résolu?

@ afc163

Bienvenue à soumettre votre échafaudage à: http://scaffold.ant.design/

Ce thread a été automatiquement verrouillé car il n'a pas eu d'activité récente. Veuillez ouvrir un nouveau numéro pour les bogues associés et créer un lien vers les commentaires pertinents dans ce fil de discussion.