Ant-design: Exemplos de comunidade e demonstração de coleção de andaimes e andaimes de comunicação

Criado em 14 ago. 2015  ·  90Comentários  ·  Fonte: ant-design/ant-design

Atualização de 13/05/2017, bem-vindo ao enviar seu scaffold para: http://scaffold.ant.design/


Aqui estará uma coleção de longo prazo de alguns recursos de desenvolvimento em torno da antd e exemplos fornecidos pela comunidade para ajudá-lo a explorar como outras pessoas desenvolvem o desenvolvimento e seja bem-vindo para responder aqui.

Respostas irrelevantes serão excluídas periodicamente.

⚙️ Workflow

Comentários muito úteis

A estrutura R2 (Redux React Framework) é construída principalmente com base em React e Redux, em que react-router , react-router-redux , react-redux , immutable.js . Ao mesmo tempo, use a ferramenta de carregamento do módulo webpack, usando a sintaxe ES62015. Se você quiser usar este framework, você precisa saber mais ou menos desse conhecimento. Ao mesmo tempo, os componentes do Ant Design também são usados. A IU usada nas páginas geradas é o Ant Design. Atualmente, apenas isso é compatível. A geração posterior da página também oferece suporte a vários componentes da IU. A estrutura R2 foi projetada para construir páginas rapidamente, reduzir o trabalho repetitivo, reduzir o código repetitivo e melhorar a eficiência do desenvolvimento.
As duas características principais:

  • Construir rota e redutor de forma inteligente
  • Construtor de página

Na verdade, item de linha
https://console.topvdn.com
usuário: [email protected]
pwd: nan123456789

Todos 90 comentários

Exemplo de atualização de Guiqiu

Atualizar ~~

up, update

Procurando demonstração atualizada ...

+1, é muito difícil começar sem uma demonstração

Ha ha da

: +1:

+1 Existem exemplos de exploração inicial que podem economizar muito tempo.

@benjycui

: +1:

A página fornecida 404 .........

@diaoaa ainda não começou a fazer isso. . .

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

@lysnoter fará perguntas no futuro, emita outro problema e dê uma olhada neste https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md
Este chão é torto. . . Quer excluir o comunicado e organizá-lo? . .

Escreveu um exemplo simples https://github.com/benjycui/selector-specificity/tree/master

A razão pela qual não é TODO é que você só precisa de tal ferramenta

Para este problema, basta mudar essa versão para uma versão inferior!

Na terça-feira, 26 de janeiro de 2016 às 17:28, Benjy Cui [email protected] escreveu:

Escreveu um exemplo simples https://github.com/benjycui/selector-specificity/tree/master

A razão pela qual não é TODO é que você só precisa de tal ferramenta

-
Responda a este e-mail diretamente ou visualize-o no GitHub
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Xiong Jiabin

Este andaime é um ótimo exemplo: https://github.com/jovey-zheng/react-start-kit

Espero que possa ajudar os desenvolvedores que usaram o antd.

Este projeto foi desenvolvido para ajudar aqueles que usam o antd para desenvolver um site (ou aplicativo web). Talvez também precise usar redux, roteador e assim por diante.

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

https://github.com/huhulab/react-frontend-boilerplate não pode ser executado @ afc163
Irá relatar um erro antd.js: 8494 Uncaught TypeError: Não é possível ler a propriedade 'instância' de indefinido

O repo

(Embora eu saiba o motivo, não gosto que você use o problema do Antd como uma lata de lixo. Jogue aqui :-(

(O problema deve ser colocado no projeto correspondente e @ abaixo das pessoas que você acha que precisam participar da discussão

(Vá para esse repositório para abrir um problema e, em seguida, @ me, responderei

Eu não uso o antd scaffolding. Por que o pacote da web é fornecido com mais de 800 K após a introdução do antd, mas apenas mais de 200 sem o antd. Isso é normal? @Benjycui

Por favor, leia FAQ e perguntas inteligentes .

Os projetos chineses não fornecem documentos em inglês? 😅

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

Depois de usar o antd por um tempo, também criei uma demonstração

Existe alguma solução isomórfica

Se você tiver um bom suporte e exemplos, vá para PR aqui: https://github.com/websemantics/awesome-ant-design

Acabei de atualizar https://github.com/websemantics/awesome-ant-design com todos os projetos mencionados aqui, e alguns de pesquisas no Github,

Tentei testar os que adicionei primeiro para poder descrevê-los melhor, mas é uma longa lista e não consegui fazer muitos deles funcionarem .. Também adicionei mais algumas categorias e um índice,

Sinta-se à vontade para adicionar novos projetos relacionados ao Ant Design diretamente com um PR, e ficarei mais do que feliz em fundir,

Manterá o listado atualizado, ..

Existe um caso mais abrangente? Projeto de site inteiro de código aberto?

Modelo de projeto feito com webpack + react + ant-design + ES6 + Echart
1. Automação e engenharia
2. Atualização quente
3. Construção automática da internacionalização
4. Modifique o estilo padrão antd e o ícone de fonte padrão
5. Modularização CSS

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

A estrutura R2 (Redux React Framework) é construída principalmente com base em React e Redux, em que react-router , react-router-redux , react-redux , immutable.js . Ao mesmo tempo, use a ferramenta de carregamento do módulo webpack, usando a sintaxe ES62015. Se você quiser usar este framework, você precisa saber mais ou menos desse conhecimento. Ao mesmo tempo, os componentes do Ant Design também são usados. A IU usada nas páginas geradas é o Ant Design. Atualmente, apenas isso é compatível. A geração posterior da página também oferece suporte a vários componentes da IU. A estrutura R2 foi projetada para construir páginas rapidamente, reduzir o trabalho repetitivo, reduzir o código repetitivo e melhorar a eficiência do desenvolvimento.
As duas características principais:

  • Construir rota e redutor de forma inteligente
  • Construtor de página

Na verdade, item de linha
https://console.topvdn.com
usuário: [email protected]
pwd: nan123456789

Você pode fornecer uma demonstração?

A qualidade de implementação

A cor principal do PS pode cobrir diretamente a menos variável sem copiar. https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
Execute após a demonstração do clone, você pode verificar o documento

Guiqiu uma demonstração editada em uma página

Venha um antd-dva-admin

Use o antd com Java: https://github.com/ihaolin/diablo (serviço de configuração persistente leve)

Existe uma demonstração com redux? Faça esse tipo de pergunta sobre a operação do formulário.

@janjon dva

Deixe-me recomendar um projeto de scaffolding do react + router escrito por mim.
https://github.com/luckykun/generator-reactpackage

@xianshannan
https://console.topvdn.com
Este projeto foi colocado no github?

Você notou que se a configuração do babel-plugin-import estiver na consulta do babel-loader, ela não funciona, mas em .babelrc é possível, mas ainda irá avisá-lo de que seu pacote de terceiros é muito grande

@ yangwq123 projeto interno da empresa

Procurando VS2015 + TypeScript 2.0.6 + antd2.2.1 exemplo de projeto

webpack implanta ícone antd no local

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

Tente integrar redux reactrouter typescript, o próximo passo é mudar o projeto da empresa para o desenvolvimento de typescript
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + React + Redux + antd Isomorphism exploração direta: https://github.com/git-lt/isomorphism-koa2-react-antd

Tendências do Ant Design hoje, https://github.com/trending
ant-design

Existe alguma outra postagem dedicada a casos de código aberto (incluindo componentes de extensão HOC)?
Semelhante a este tipo de aplicativo de código aberto https://github.com/andrewngu/sound-redux
Este post é principalmente um andaime.

Compartilhe um
https://github.com/tvrcgo/egg-react-mobx-ts-antd
ovo, react, mobx-react, datilografado e desenho de formiga.

Aqui está um clichê usando React, Redux, TypeScript, SSR, HMR, Webpack 2.

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

Também recomendo um projeto antd-dva-admin totalmente funcional https://github.com/pmg1989/dva-admin

@sunlightwdd sente que muito "aprender" com https://github.com/zuiidea/antd-admin não é apropriado.

Há algum projeto combinado com next.js?

Uma estrutura de middle-office

electron + Mobx + antd + sequelize , este projeto foi feito recentemente por mim. Como era um programa escrito quando comecei a atualizar, há 3 anos, o design da estrutura da tabela seria muito irracional, mas tente garantir o código de front-end racionalização. Vendo que o Elétron não foi mencionado aqui, tirei-o para mostrar a minha feiura.

Ou este problema pode ser resolvido?

@ afc163

Bem-vindo ao enviar seu scaffold para: http://scaffold.ant.design/

Este tópico foi bloqueado automaticamente porque não teve atividades recentes. Por favor, abra um novo problema para bugs relacionados e link para comentários relevantes neste tópico

Esta página foi útil?
0 / 5 - 0 avaliações