Ant-design: Contoh komunitas dan Demo koleksi perancah dan Perancah dari komunikasi

Dibuat pada 14 Agu 2015  ·  90Komentar  ·  Sumber: ant-design/ant-design

Pembaruan 2017.05.13, selamat datang untuk mengirimkan scaffold Anda ke: http://scaffold.ant.design/


Berikut ini akan menjadi kumpulan jangka panjang dari beberapa sumber pengembangan dan contoh sekitarnya yang diberikan oleh komunitas untuk membantu Anda menjelajahi bagaimana orang lain berkembang, dan selamat datang untuk membalas di sini.

Balasan yang tidak relevan akan dihapus secara berkala.

⚙️ Workflow

Komentar yang paling membantu

Kerangka R2 (Kerangka React Redux) sebagian besar dibangun berdasarkan React dan Redux, di mana react-router , react-router-redux , react-redux , immutable.js . Pada saat yang sama, gunakan alat pemuatan modul webpack, menggunakan sintaks ES62015. Jika Anda ingin menggunakan framework ini, Anda harus mengetahui lebih banyak atau lebih sedikit tentang pengetahuan ini. Pada saat yang sama, komponen Ant Design juga digunakan. UI yang digunakan di halaman yang dibuat adalah Ant Design. Saat ini, hanya ini yang didukung. Pembuatan halaman selanjutnya juga akan mendukung beberapa komponen UI. Framework R2 dirancang untuk membuat halaman dengan cepat, mengurangi pekerjaan berulang, mengurangi kode berulang, dan meningkatkan efisiensi pengembangan.
Dua karakteristik utama:

  • Buat rute dan peredam secara cerdas
  • Pembuat halaman

Sebenarnya item baris
https://console.topvdn.com
pengguna: [email protected]
pwd: nan123456789

Semua 90 komentar

Contoh pembaruan Guiqiu

Perbarui ~~

up, perbarui

Mencari demo yang diperbarui ...

+1, sangat sulit untuk memulai tanpa demo

Ha ha da

: +1:

+1 Ada contoh eksplorasi awal yang bisa menghemat banyak waktu.

@jogja_lowker

: +1:

Halaman yang diberikan 404 .........

@diaoa belum mulai melakukannya. . .

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

@lysnoter mengajukan pertanyaan di masa mendatang, terbitkan masalah lain, dan lihat https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md ini
Lantai ini bengkok. . . Apakah Anda ingin menghapus commet dan mengaturnya? . .

Tulis contoh sederhana https://github.com/benjycui/selector-specificity/tree/master

Alasan mengapa ini bukan TODO adalah karena Anda hanya membutuhkan alat seperti itu

Untuk masalah ini, ubah saja versi itu ke versi yang lebih rendah!

Pada hari Selasa, 26 Jan 2016 jam 17:28, Benjy Cui [email protected] menulis:

Tulis contoh sederhana https://github.com/benjycui/selector-specificity/tree/master

Alasan mengapa ini bukan TODO adalah karena Anda hanya membutuhkan alat seperti itu

-
Balas email ini secara langsung atau lihat di GitHub
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Xiong Jiabin

Perancah ini adalah contoh yang bagus: https://github.com/jovey-zheng/react-start-kit

Saya berharap dapat membantu pengembang yang menggunakan antd.

Proyek ini dirancang untuk membantu mereka yang menggunakan antd untuk mengembangkan situs web (atau aplikasi web). Mungkin juga perlu menggunakan redux, router dan sebagainya.

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

https://github.com/huhulab/react-frontend-boilerplate tidak dapat menjalankan @ afc163
Akan melaporkan kesalahan antd.js: 8494 Uncaught TypeError: Can't read property'instance 'of undefined

Repo @ RichardLyp tidak dikelola oleh kami, silakan langsung ke gudang terkait untuk membuka masalah.

(Meskipun saya tahu alasannya, saya tidak suka Anda menggunakan masalah antd sebagai tempat sampah. Buang semua masalah yang relevan dan tidak relevan di sini :-(

(Masalah harus ditempatkan di bawah proyek yang sesuai, dan @ di bawah orang-orang yang menurut Anda perlu berpartisipasi dalam diskusi

(Buka repo itu untuk membuka masalah dan kemudian @ saya, saya akan membalas

Saya tidak menggunakan scaffolding antd. Mengapa webpack dikemas dengan lebih dari 800K setelah pengenalan antd, tetapi hanya lebih dari 200 tanpa antd. Apakah ini normal? @Benjycui

Silakan baca FAQ , dan pertanyaan cerdas .

Bukankah proyek Cina menyediakan dokumen bahasa Inggris? 😅

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

Setelah menggunakan antd beberapa saat, saya juga membuat demo

Apakah ada larutan isomorfik

Jika Anda memiliki scaffolding dan contoh yang bagus, silakan buka PR di sini: https://github.com/websemantics/awesome-ant-design

Baru saja memperbarui https://github.com/websemantics/awesome-ant-design dengan semua proyek yang disebutkan di sini, dan sedikit dari pencarian Github,

Saya mencoba untuk menguji yang saya tambahkan terlebih dahulu sehingga saya dapat mendeskripsikannya dengan lebih baik, tetapi daftarnya panjang dan saya tidak bisa membuatnya berfungsi, .. Saya juga menambahkan beberapa kategori lagi dan daftar isi,

Jangan ragu untuk menambahkan proyek terkait Desain Semut baru secara langsung dengan PR, dan saya akan dengan senang hati bergabung,

Akan membuat daftar up to date, ..

Apakah ada kasus yang lebih komprehensif? Proyek open source seluruh situs?

Template proyek yang dibuat dengan webpack + react + ant-design + ES6 + Echart
1. Otomasi dan rekayasa
2. Pembaruan panas
3. Pembangunan otomatis internasionalisasi
4. Ubah gaya default antd dan ikon font default
5. modularisasi CSS

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

Kerangka R2 (Kerangka React Redux) sebagian besar dibangun berdasarkan React dan Redux, di mana react-router , react-router-redux , react-redux , immutable.js . Pada saat yang sama, gunakan alat pemuatan modul webpack, menggunakan sintaks ES62015. Jika Anda ingin menggunakan framework ini, Anda harus mengetahui lebih banyak atau lebih sedikit tentang pengetahuan ini. Pada saat yang sama, komponen Ant Design juga digunakan. UI yang digunakan di halaman yang dibuat adalah Ant Design. Saat ini, hanya ini yang didukung. Pembuatan halaman selanjutnya juga akan mendukung beberapa komponen UI. Framework R2 dirancang untuk membuat halaman dengan cepat, mengurangi pekerjaan berulang, mengurangi kode berulang, dan meningkatkan efisiensi pengembangan.
Dua karakteristik utama:

  • Buat rute dan peredam secara cerdas
  • Pembuat halaman

Sebenarnya item baris
https://console.topvdn.com
pengguna: [email protected]
pwd: nan123456789

Bisakah Anda memberikan demo?

Kualitas implementasi

Warna utama PS dapat langsung menutupi variabel kurang tanpa menyalin. https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
Jalankan setelah klon demo, Anda dapat memeriksa dokumen

Guiqiu demo diedit di halaman

Datanglah antd-dva-admin

Gunakan antd dengan Java: https://github.com/ihaolin/diablo (layanan konfigurasi persisten ringan)

Apakah ada demo dengan redux? Ajukan pertanyaan semacam ini tentang pengoperasian formulir.

@janjon dva

Izinkan saya merekomendasikan proyek perancah react + router yang ditulis sendiri.
https://github.com/luckykun/generator-reactpackage

@bayu_joo
https://console.topvdn.com
Apakah proyek ini telah ditempatkan di github?

Pernahkah Anda memperhatikan bahwa jika konfigurasi babel-plugin-import ada dalam kueri babel-loader, itu tidak berfungsi, tetapi dalam .babelrc dimungkinkan, tetapi masih akan memberi tahu Anda bahwa paket pihak ketiga Anda terlalu besar

@ yangwq123 proyek internal perusahaan

Mencari proyek contoh VS2015 + TypeScript 2.0.6 + antd2.2.1

webpack menerapkan ikon antd ke lokal

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

Cobalah untuk mengintegrasikan skrip jenis reaktor redux, langkah selanjutnya adalah mengganti proyek perusahaan dengan pengembangan skrip
https://github.com/lixiaoyang1992/react-typescript-starter-kit

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

Desain Semut sedang tren hari ini, https://github.com/trending
ant-design

Apakah ada posting lain yang didedikasikan untuk kasus open source (termasuk komponen ekstensi HOC)?
Mirip dengan aplikasi sumber terbuka semacam ini https://github.com/andrewngu/sound-redux
Pos ini kebanyakan perancah.

Bagikan satu
https://github.com/tvrcgo/egg-react-mobx-ts-antd
desain telur, reaksi, mobx-react, skrip dan semut.

Berikut adalah boilerplate menggunakan React, Redux, TypeScript, SSR, HMR, Webpack 2.

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

Saya juga merekomendasikan proyek antd-dva-admin yang berfungsi penuh https://github.com/pmg1989/dva-admin

@sunlightwdd merasa bahwa banyak "pembelajaran" dari https://github.com/zuiidea/antd-admin tidak pantas.

Apakah ada proyek yang digabungkan dengan next.js?

electron + Mobx + antd + sequelize , proyek ini baru-baru ini dikerjakan sendiri. Karena ini adalah program yang ditulis ketika saya pertama kali meningkatkan 3 tahun yang lalu, desain struktur tabel akan sangat tidak masuk akal, tetapi cobalah untuk memastikan kode front-end rasionalisasi. Melihat Elektron tidak disebutkan di sini, saya mengeluarkannya untuk menunjukkan kejelekan saya.

Atau bisakah masalah ini ditutup?

@fachrizal

Selamat datang untuk mengirimkan scaffold Anda ke: http://scaffold.ant.design/

Utas ini telah dikunci secara otomatis karena tidak ada aktivitas terkini. Silakan buka masalah baru untuk bug terkait dan tautkan ke komentar yang relevan di utas ini.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat