Ant-design: Demo y andamio de comunicación

Ejemplo de actualización de Guiqiu

Actualizar ~~

actualizar

Buscando demostración actualizada ...

+1, es muy difícil empezar sin una demostración

Ja ja da

: +1:

+1 Hay ejemplos de exploración temprana que pueden ahorrar mucho tiempo.

@benjycui

: +1:

La página dada 404 .........

@diaoaa aún no

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

@lysnoter hace preguntas en el futuro, emita otro problema y eche un vistazo a este https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
Este piso está torcido. . . ¿Quieres eliminar commet y organizarlo? . .

Escribió un ejemplo simple https://github.com/benjycui/selector-specificity/tree/master

La razón por la que no es TODO es que solo necesita una herramienta de este tipo

Para este problema, simplemente cambie esa versión a una versión más baja.

El martes 26 de enero de 2016 a las 5:28 p.m., Benjy Cui [email protected] escribió:

Escribió un ejemplo simple https://github.com/benjycui/selector-specificity/tree/master

La razón por la que no es TODO es que solo necesita una herramienta de este tipo

-
Responda a este correo electrónico directamente o véalo en GitHub
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Xiong Jiabin

Este andamio es un gran ejemplo: https://github.com/jovey-zheng/react-start-kit

Y este: 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

Espero que pueda ayudar a los desarrolladores que usaron antd.

Este proyecto está diseñado para ayudar a quienes usan antd a desarrollar un sitio web (o aplicación web). Quizás también necesite usar redux, enrutador, 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 no se puede ejecutar @ afc163
Reportará un error antd.js: 8494 Uncaught TypeError: No se puede leer la propiedad 'instancia' de undefined

No mantenemos el repositorio

(Aunque sé la razón, no me gusta que uses el problema de antd como un bote de basura. Tira todos los problemas relevantes e irrelevantes aquí :-(

(El problema debe colocarse debajo del proyecto correspondiente y @ debajo de las personas que crea que deben participar en la discusión

(Vaya a ese repositorio para abrir un problema y luego @ yo, responderé

No uso andamios antd. ¿Por qué el paquete web está empaquetado con más de 800K después de la introducción de antd, pero solo más de 200 sin antd? ¿Es esto normal? @Benjycui

Lea las preguntas frecuentes y las preguntas inteligentes .

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

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

¿Los proyectos chinos no proporcionan documentos en inglés? 😅

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

Después de usar antd por un tiempo, también creé una demostración

¿Existen soluciones isomorfas?

Si tiene buenos andamios y ejemplos, vaya a PR aquí: 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

Acabo de actualizar https://github.com/websemantics/awesome-ant-design con todos los proyectos mencionados aquí, y algunos de buscar en Github,

Traté de probar los que agregué primero para poder describirlos mejor, pero es una lista larga y no pude hacer que muchos de ellos funcionen. También agregué algunas categorías más y una tabla de contenido,

No dude en agregar nuevos proyectos relacionados con Ant Design directamente con un PR, y estaré más que feliz de fusionarme,

Mantendrá la lista actualizada, ..

Dos componentes de expansión:

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

¿Existe un caso más completo? ¿Proyecto de sitio completo de código abierto?

Plantilla de proyecto realizada con webpack + react + ant-design + ES6 + Echart
1. Automatización e ingeniería
2. Actualización en caliente
3. Construcción automática de internacionalización
4. Modificar el estilo predeterminado de antd y el icono de fuente predeterminado
5. Modularización CSS

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

El marco R2 (Redux React Framework) se basa principalmente en React y Redux, que todavía usa react-router , react-router-redux , react-redux , immutable.js . Al mismo tiempo, use la herramienta de carga del módulo webpack, usando la sintaxis ES62015. Si desea utilizar este marco, debe conocer más o menos este conocimiento. Al mismo tiempo, también se utilizan los componentes de Ant Design . La interfaz de usuario utilizada en las páginas generadas es Ant Design. Actualmente, solo esto es compatible. La generación posterior de la página también admitirá varios componentes de UI. El marco R2 está diseñado para crear páginas rápidamente, reducir el trabajo repetitivo, reducir el código repetitivo y mejorar la eficiencia del desarrollo.
Las dos características principales:

• Construya de forma inteligente la ruta y el reductor
• Creador de páginas

En realidad, línea de pedido
https://console.topvdn.com
usuario: [email protected]
pwd: nan123456789

¿Puede proporcionar una demostración?

La calidad de implementación de

El color principal de PS puede cubrir directamente la variable menos sin copiar. https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
Ejecutar después de que el clon sea la demostración, puede consultar el documento

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

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

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

Dos demostraciones de fondo muy buenas.

Guiqiu una demo editada en una página

Ven un antd-dva-admin

Utilice antd con Java: https://github.com/ihaolin/diablo (servicio de configuración persistente ligero)

¿Hay una demostración con redux? Genere este tipo de pregunta sobre la operación de formularios.

@janjon dva

Permítanme recomendarles un proyecto de andamios de react + router escrito por mí.
https://github.com/luckykun/generator-reactpackage

@xianshannan
https://console.topvdn.com
¿Este proyecto se ha puesto en github?

¿Ha notado que si la configuración de babel-plugin-import está en la consulta de babel-loader, no funciona, pero en .babelrc es posible, pero aún le indicará que su paquete de terceros es demasiado grande?

@ yangwq123 proyecto interno de la empresa

Mi demo
https://github.com/tianzx/ui

Buscando proyecto de ejemplo VS2015 + TypeScript 2.0.6 + antd2.2.1

webpack implementa el icono de antd en local

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

Intente integrar el texto mecanografiado redux reactrouter, el siguiente paso es reemplazar el proyecto de la empresa con el desarrollo mecanografiado
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + React + Redux + antd Isomorfismo directamente en exploración: https://github.com/git-lt/isomorphism-koa2-react-antd

Ant Design es tendencia hoy en día, https://github.com/trending

Cómo usar antd en create-react-app :

• Código: https://github.com/ant-design/create-react-app-antd
• Documentación: https://ant.design/docs/react/use-with-create-react-app-cn

¿Hay alguna otra publicación dedicada a casos de código abierto (incluidos los componentes de extensión HOC)?
Similar a esta aplicación de código abierto https://github.com/andrewngu/sound-redux
Esta publicación es principalmente andamios.

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

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

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

Algunas plantillas que utilizan TypeScript y 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

Compartir uno
https://github.com/tvrcgo/egg-react-mobx-ts-antd
egg, react, mobx-react, mecanografiado y diseño de hormigas.

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

Aquí hay una plantilla que usa React, Redux, TypeScript, SSR, HMR, Webpack 2.

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

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

También recomiendo un proyecto antd-dva-admin completamente funcional y combatible https://github.com/pmg1989/dva-admin

@sunlightwdd siente que mucho "aprender" de https://github.com/zuiidea/antd-admin no es apropiado.

¿Hay proyectos combinados con next.js?

Un marco de oficina central

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

electron + Mobx + antd + sequelize , este proyecto lo hice recientemente yo mismo. Dado que era un programa escrito cuando comencé a actualizar por primera vez hace 3 años, el diseño de la estructura de la tabla sería muy irrazonable, pero trate de asegurar el código de front-end racionalización. Al ver que Electron no se mencionaba aquí, lo saqué para mostrar mi fealdad.

Constructor de formularios basado en antd
https://github.com/dog-days/antd-react-form-builder
https://xianshannan.github.io/antd-react-form-builder/

¿O se puede solucionar este problema?

@ afc163

Bienvenido a enviar su andamio a: http://scaffold.ant.design/

Este hilo se ha bloqueado automáticamente porque no ha tenido actividad reciente. Abra un nuevo problema para errores relacionados y enlace a comentarios relevantes en este hilo.