Ant-design: コミュニケーションからのデモと足場

作成日 2015年08月14日  ·  90コメント  ·  ソース: ant-design/ant-design

2017.05.13の更新、次の宛先に足場を提出することを歓迎します: http ://scaffold.ant.design/


これは、他の人々がどのように開発を開発するかを探求するのに役立つ、コミュニティによって提供されるいくつかのantd周辺の開発リソースと例の長期的なコレクションです。ここに返信することを歓迎します。

関係のない返信は定期的に削除されます。

⚙️ Workflow

最も参考になるコメント

R2フレームワーク(Redux React Framework)は、主にReactとReduxに基づいて構築されており、引き続きreact-routerreact-router-reduxreact-reduximmutable.jsます。同時に、ES62015構文を使用して、webpackモジュール読み込みツールを使用します。このフレームワークを使用する場合は、この知識を多かれ少なかれ知っている必要があります。同時に、 AntDesignコンポーネントも使用されます。生成されたページで使用されるUIはAntDesignです。現在、これのみがサポートされています。後のページ生成でも、複数のUIコンポーネントがサポートされます。 R2フレームワークは、ページをすばやく作成し、反復作業を減らし、反復コードを減らし、開発効率を向上させるように設計されています。
2つの主な特徴:

  • ルートとレデューサーをインテリジェントに構築する
  • ページビルダー

実際の広告申込情報
https://console.topvdn.com
ユーザー: [email protected]
pwd:nan123456789

全てのコメント90件

Guiqiuの更新例

更新~~

アップ、更新

更新されたデモを探しています...

+1、デモなしで始めるのは本当に難しいです

ハハダ

:+1:

+1多くの時間を節約できる初期の探索の例があります。

@benjycui

:+1:

与えられたページ404 .........

@diaoaaはまだそれを始めていません。 。 。

@lysnoter cnpm-> http://npm.taobao.orgにアクセス

@lysnoterは将来質問をします、別の問題を発行してください、そしてこれを見てくださいhttps://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
この床は曲がっています。 。 。コメットを削除して整理しますか? 。 。

簡単な例を書きましたhttps://github.com/benjycui/selector-specificity/tree/master

TODOではない理由は、そのようなツールが必要なだけだからです

この問題については、そのバージョンをより低いバージョンに変更するだけです!

17:28で火、2016年1月26日には、Benjy崔[email protected]書きました:

簡単な例を書きましたhttps://github.com/benjycui/selector-specificity/tree/master

TODOではない理由は、そのようなツールが必要なだけだからです


このメールに直接返信するか、GitHubで表示してください
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114

Xiong Jiabin

この足場は素晴らしい例です: https

そしてこれ: https

それがantdを使用した開発者に役立つことを願っています。

このプロジェクトは、antdを使用してWebサイト(またはWebアプリ)を開発する人を支援するように設計されています。 たぶん、redux、routerなども使用する必要があります。

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

https://github.com/huhulab/react-frontend-boilerplateは@ afc163を実行できません
エラーを報告しますantd.js:8494 Uncaught TypeError:Undefinedのプロパティ「instance」を読み取れません

@RichardLypのリポジトリは

(理由はわかりますが、antdの問題をゴミ箱として使用するのは好きではありません。関連する問題と関連しない問題をすべてここに投げてください:-(

(問題は対応するプロジェクトの下に配置し、@はディスカッションに参加する必要があると思われる人の下に配置する必要があります

(そのリポジトリに移動して問題を開き、@ me、返信します

antdスキャフォールディングを使用していません。antdの導入後にWebpackに800K以上がパッケージ化されているのに、antdなしでは200以上しかパッケージ化されていないのはなぜですか。これは正常ですか?@benjycui

中国のプロジェクトは英語の文書を提供しませんか?😅

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

antdをしばらく使った後、デモも作成しました

同形の解決策はありますか

良い足場と例がある場合は、こちらのPRにアクセスしてください//github.com/websemantics/awesome-ant-design

ここに記載されているすべてのプロジェクトでhttps://github.com/websemantics/awesome-ant-designを更新したばかりで、Githubの検索からはほとんどありません。

最初に追加したものをテストして、よりよく説明できるようにしましたが、リストが長く、多くを機能させることができませんでした。..さらにいくつかのカテゴリと目次も追加しました。

新しいAntDesign関連のプロジェクトをPRで直接追加してください。喜んでマージしますが、

リストを最新の状態に保ちます。

より包括的なケースはありますか?オープンソースのサイト全体のプロジェクト?

webpack + react + ant-design + ES6 + Echartで作成されたプロジェクトテンプレート
1.自動化とエンジニアリング
2.ホットアップデート
3.国際化の自動構築
4.antdのデフォルトスタイルとデフォルトのフォントアイコンを変更します
5.CSSのモジュール化

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

R2フレームワーク(Redux React Framework)は、主にReactとReduxに基づいて構築されており、引き続きreact-routerreact-router-reduxreact-reduximmutable.jsます。同時に、ES62015構文を使用して、webpackモジュール読み込みツールを使用します。このフレームワークを使用する場合は、この知識を多かれ少なかれ知っている必要があります。同時に、 AntDesignコンポーネントも使用されます。生成されたページで使用されるUIはAntDesignです。現在、これのみがサポートされています。後のページ生成でも、複数のUIコンポーネントがサポートされます。 R2フレームワークは、ページをすばやく作成し、反復作業を減らし、反復コードを減らし、開発効率を向上させるように設計されています。
2つの主な特徴:

  • ルートとレデューサーをインテリジェントに構築する
  • ページビルダー

実際の広告申込情報
https://console.topvdn.com
ユーザー: [email protected]
pwd:nan123456789

デモを提供できますか?

@xianshannanの実装品質は本当に高いです。 :+1:

PSのメインカラーは、コピーせずに変数の少ないものを直接カバーできます。 https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
クローンがデモになった後に実行すると、ドキュメントを確認できます

Guiqiuはページで編集されたデモです

antd-dva-adminに来てください

Javaでantdを使用する: https

reduxのデモはありますか?フォームの操作についてこの種の質問をします。

@janjon dva

自分で書いたreact + routerの足場プロジェクトをお勧めします。
https://github.com/luckykun/generator-reactpackage

@xianshannan
https://console.topvdn.com
このプロジェクトはgithubに置かれましたか?

babel-plugin-importの構成がbabel-loaderのクエリにある場合、それは機能しませんが、.babelrcでは可能ですが、サードパーティのパッケージが大きすぎることを通知することに気づきましたか?

@ yangwq123社内プロジェクト

VS2015 + TypeScript 2.0.6 + antd2.2.1サンプルプロジェクトを探しています

webpackはantdアイコンをローカルにデプロイします

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

redux reactrouter typescriptを統合してみてください。次のステップは、会社のプロジェクトをtypescript開発に変更することです。
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + React + Redux + antd同形性のまっすぐな探索: https

今日トレンドのAntDesign、 https://github.com/trending
ant-design

create-react-appでantdを使用する方法:

  • コード: https
  • ドキュメント: https

オープンソースケース(HOC拡張コンポーネントを含む)専用の投稿は他にありますか?
この種のオープンソースアプリに似ていますhttps://github.com/andrewngu/sound-redux
この投稿は主に足場です。

1つ共有する
https://github.com/tvrcgo/egg-react-mobx-ts-antd
卵、反応、mobx-react、typescript、antのデザイン。

これは、React、Redux、TypeScript、SSR、HMR、Webpack2を使用した定型文です。

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

また、完全に機能し、戦闘可能なantd-dva-adminプロジェクトhttps://github.com/pmg1989/dva-adminをお勧めし

@sunlightwddは、 https://github.com/zuiidea/antd-adminからの多くの「学習」は適切ではないと感じています。

next.jsと組み合わせたプロジェクトはありますか?

antdとdvaに基づく統合されたミドルオフィス

electronic + Mobx + antd + sequelize 、このプロジェクトは最近自分で行ったものです。3年前にアップグレードを始めたときに書いたプログラムなので、テーブル構造のデザインは非常に無理ですが、フロントエンドコードを確保するようにしてください。合理化。ここでエレクトロンが言及されていないのを見て、私は醜さを示すためにそれを取り出しました。

または、この問題を解決できますか?

@ afc163

http://scaffold.ant.design/に足場を提出することを歓迎します

このスレッドは最近のアクティビティがないため、自動的にロックされています。 関連するバグについては新しい問題を開き、このスレッドの関連するコメントにリンクしてください。

このページは役に立ちましたか?
0 / 5 - 0 評価