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.
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
E este aqui: https://github.com/okoala/react-redux-antd
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, ..
Dois componentes de expansão:
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
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:
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
https://github.com/zuiidea/antd-admin
http://zuiidea.github.io/antd-admin/
https://github.com/jiangxy/react-antd-admin
Duas demos de fundo muito boas.
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
Minha demo
https://github.com/tianzx/ui
Procurando VS2015 + TypeScript 2.0.6 + antd2.2.1 exemplo de projeto
webpack implanta ícone antd no local
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
Como usar antd em create- react
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.
Alguns padrões usando TypeScript e antd.
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.
Construtor de formulários baseado em antd
https://github.com/dog-days/antd-react-form-builder
https://xianshannan.github.io/antd-react-form-builder/
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
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:
Na verdade, item de linha
https://console.topvdn.com
usuário: [email protected]
pwd: nan123456789