Ant-design: Demo und Gerüst aus der Kommunikation

Erstellt am 14. Aug. 2015  ·  90Kommentare  ·  Quelle: ant-design/ant-design

Update 2017.05.13, bitte senden Sie Ihr Gerüst an: http://scaffold.ant.design/


Hier finden Sie eine langfristige Sammlung einiger und umgebender Entwicklungsressourcen und Beispiele, die von der Community bereitgestellt werden, um herauszufinden, wie andere Menschen die Entwicklung entwickeln. Sie können hier gerne antworten.

Irrelevante Antworten werden regelmäßig gelöscht.

⚙️ Workflow

Hilfreichster Kommentar

Das R2-Framework (Redux React Framework) basiert hauptsächlich auf React und Redux, das immer noch react-router , react-router-redux , react-redux , immutable.js . Verwenden Sie gleichzeitig das Webpack-Modul-Ladetool mit der ES62015-Syntax. Wenn Sie dieses Framework verwenden möchten, müssen Sie mehr oder weniger von diesem Wissen wissen. Gleichzeitig werden auch Ant Design- Komponenten verwendet. Die auf den generierten Seiten verwendete Benutzeroberfläche ist Ant Design. Derzeit wird nur dies unterstützt. Die spätere Seitengenerierung unterstützt auch mehrere UI-Komponenten. Das R2-Framework wurde entwickelt, um schnell Seiten zu erstellen, sich wiederholende Arbeiten zu reduzieren, sich wiederholenden Code zu reduzieren und die Entwicklungseffizienz zu verbessern.
Die zwei Hauptmerkmale:

  • Route und Reduzierstück intelligent bauen
  • Seitenersteller

Eigentlich Werbebuchung
https://console.topvdn.com
Benutzer: [email protected]
pwd: nan123456789

Alle 90 Kommentare

Beispiel für ein Guiqiu-Update

Update ~~

up, update

Ich suche eine aktualisierte Demo ...

+1, es ist wirklich schwierig, ohne Demo loszulegen

Ha ha da

: +1:

+1 Es gibt Beispiele für frühe Erkundungen, die viel Zeit sparen können.

@benjycui

: +1:

Die Seite gegeben 404 .........

@diaoaa hat noch nicht damit begonnen. . .

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

@lysnoter stellt in Zukunft Fragen, stellen Sie ein anderes Problem und werfen Sie einen Blick auf diese https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
Dieser Boden ist schief. . . Möchten Sie Commet löschen und organisieren? . .

Schrieb ein einfaches Beispiel https://github.com/benjycui/selector-specificity/tree/master

Der Grund, warum es nicht TODO ist, ist, dass Sie nur ein solches Tool benötigen

Ändern Sie für dieses Problem einfach diese Version in eine niedrigere Version!

Am Dienstag, den 26. Januar 2016 um 17:28 Uhr schrieb Benjy Cui [email protected] :

Schrieb ein einfaches Beispiel https://github.com/benjycui/selector-specificity/tree/master

Der Grund, warum es nicht TODO ist, ist, dass Sie nur ein solches Tool benötigen

- -
Antworte direkt auf diese E-Mail oder sieh sie dir auf GitHub an
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Xiong Jiabin

Dieses Gerüst ist ein gutes Beispiel: https://github.com/jovey-zheng/react-start-kit

Ich hoffe das kann Entwicklern helfen, die antd verwendet haben.

Dieses Projekt soll denjenigen helfen, die antd verwenden, um eine Website (oder Web-App) zu entwickeln. Möglicherweise müssen auch Redux, Router und so weiter verwendet werden.

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

https://github.com/huhulab/react-frontend-boilerplate kann @ afc163 nicht ausführen
Meldet einen Fehler antd.js: 8494 Nicht erfasster Typ Fehler: Die Eigenschaft'instance 'von undefined kann nicht gelesen werden

@ RichardLyps Repo wird von uns nicht gepflegt. Bitte gehen Sie direkt zum entsprechenden Lager, um eine Ausgabe zu eröffnen.

(Obwohl ich den Grund kenne, möchte ich nicht, dass Sie das Problem von antd als Mülleimer verwenden. Werfen Sie hier alle relevanten und irrelevanten Probleme :-(

(Das Problem sollte unter dem entsprechenden Projekt und @ unter den Personen platziert werden, die Ihrer Meinung nach an der Diskussion teilnehmen müssen

(Gehen Sie zu diesem Repo, um eine Ausgabe zu öffnen, und dann @ me, ich werde antworten

Ich verwende kein Antd-Gerüst. Warum ist das Webpack mit mehr als 800 KB verpackt, nachdem Antd in das Projekt eingeführt wurde, aber nur mehr als 200 ohne Antd. Ist das normal @benjycui?

Bitte lesen Sie FAQ und kluge Fragen .

Bieten chinesische Projekte keine englischen Dokumente an? 😅

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

Nachdem ich antd eine Weile benutzt hatte, erstellte ich auch eine Demo

Gibt es eine isomorphe Lösung?

Wenn Sie ein gutes Gerüst und Beispiele haben, gehen Sie bitte zu PR hier: https://github.com/websemantics/awesome-ant-design

Gerade aktualisiert https://github.com/websemantics/awesome-ant-design mit allen hier genannten Projekten und nur wenige von der Suche in Github,

Ich habe versucht, die zuerst hinzugefügten zu testen, damit ich sie besser beschreiben kann, aber es ist eine lange Liste, und ich konnte nicht viele davon zum Laufen bringen. Ich habe auch einige weitere Kategorien und ein Inhaltsverzeichnis hinzugefügt.

Bitte zögern Sie nicht, neue Projekte im Zusammenhang mit Ant Design direkt mit einer PR hinzuzufügen, und ich werde mehr als glücklich sein, diese zusammenzuführen.

Wird die Liste auf dem neuesten Stand halten, ..

Gibt es einen umfassenderen Fall? Open Source-Projekt für die gesamte Site?

Projektvorlage erstellt mit Webpack + Reagieren + Ameisendesign + ES6 + Echart
1. Automatisierung und Engineering
2. Hot Update
3. Automatischer Aufbau der Internationalisierung
4. Ändern Sie den Standardstil und das Standardschriftart-Symbol
5. CSS-Modularisierung

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

Das R2-Framework (Redux React Framework) basiert hauptsächlich auf React und Redux, das immer noch react-router , react-router-redux , react-redux , immutable.js . Verwenden Sie gleichzeitig das Webpack-Modul-Ladetool mit der ES62015-Syntax. Wenn Sie dieses Framework verwenden möchten, müssen Sie mehr oder weniger von diesem Wissen wissen. Gleichzeitig werden auch Ant Design- Komponenten verwendet. Die auf den generierten Seiten verwendete Benutzeroberfläche ist Ant Design. Derzeit wird nur dies unterstützt. Die spätere Seitengenerierung unterstützt auch mehrere UI-Komponenten. Das R2-Framework wurde entwickelt, um schnell Seiten zu erstellen, sich wiederholende Arbeiten zu reduzieren, sich wiederholenden Code zu reduzieren und die Entwicklungseffizienz zu verbessern.
Die zwei Hauptmerkmale:

  • Route und Reduzierstück intelligent bauen
  • Seitenersteller

Eigentlich Werbebuchung
https://console.topvdn.com
Benutzer: [email protected]
pwd: nan123456789

Können Sie eine Demo bereitstellen?

Die Implementierungsqualität von

Die Hauptfarbe von PS kann die weniger Variablen direkt abdecken, ohne sie zu kopieren. https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
Nach der Demo des Klons ausführen, können Sie das Dokument überprüfen

Guiqiu eine Demo auf einer Seite bearbeitet

Komm ein Antd-Dva-Admin

Verwenden Sie antd mit Java: https://github.com/ihaolin/diablo (leichter, dauerhafter Konfigurationsdienst)

Gibt es eine Demo mit Redux? Stellen Sie diese Art von Frage zur Formularoperation.

@janjon dva

Lassen Sie mich ein von mir selbst geschriebenes Gerüstprojekt von react + router empfehlen.
https://github.com/luckykun/generator-reactpackage

@ Xianshannan
https://console.topvdn.com
Wurde dieses Projekt auf Github gestellt?

Haben Sie bemerkt, dass die Konfiguration von babel-plugin-import in der Abfrage von babel-loader nicht funktioniert, aber in .babelrc möglich ist, Sie jedoch weiterhin aufgefordert werden, dass Ihr Drittanbieterpaket zu groß ist

@ Yangwq123 unternehmensinternes Projekt

Ich suche VS2015 + TypeScript 2.0.6 + antd2.2.1 Beispielprojekt

webpack stellt antd icon auf local bereit

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

Versuchen Sie, das Redux-Reactrouter-Typoskript zu integrieren. Der nächste Schritt besteht darin, das Projekt des Unternehmens durch die Typoskript-Entwicklung zu ersetzen
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + Reagieren + Redux + Antd Isomorphismus direkt erforschen: https://github.com/git-lt/isomorphism-koa2-react-antd

Ant Design Trend heute, https://github.com/trending
ant-design

Gibt es einen anderen Beitrag zu Open Source-Fällen (einschließlich HOC-Erweiterungskomponenten)?
Ähnlich wie bei dieser Open Source App https://github.com/andrewngu/sound-redux
Dieser Beitrag besteht hauptsächlich aus Gerüsten.

Teilen Sie eine
https://github.com/tvrcgo/egg-react-mobx-ts-antd
Ei, reagieren, Mobx-reagieren, Typoskript und Ameisendesign.

Hier ist ein Boilerplate mit React, Redux, TypeScript, SSR, HMR, Webpack 2.

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

Ich empfehle auch ein voll funktionsfähiges und kampffähiges Antd-Dva-Admin-Projekt https://github.com/pmg1989/dva-admin

@sunlightwdd ist der Meinung , dass viel "Lernen" von https://github.com/zuiidea/antd-admin nicht angemessen ist.

Gibt es Projekte, die mit next.js kombiniert sind?

Ein einheitliches Middle-Office-

Electron + Mobx + Antd + Sequelize , dieses Projekt wurde kürzlich von mir selbst durchgeführt. Da es ein Programm war, das geschrieben wurde, als ich vor 3 Jahren mit dem Upgrade begann, wäre das Design der Tabellenstruktur sehr unvernünftig, aber versuchen Sie, den Front-End-Code sicherzustellen Rationalisierung. Als ich sah, dass Electron hier nicht erwähnt wurde, nahm ich es heraus, um meine Hässlichkeit zu zeigen.

Oder kann dieses Problem geschlossen werden?

@ afc163

Willkommen, um Ihr Gerüst an folgende Adresse zu senden:

Dieser Thread wurde automatisch gesperrt, da er keine letzten Aktivitäten hatte. Bitte öffnen Sie eine neue Ausgabe für verwandte Fehler und verlinken Sie auf relevante Kommentare in diesem Thread.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen