Ant-design: Демо и Эшафот из общения

Созданный на 14 авг. 2015  ·  90Комментарии  ·  Источник: ant-design/ant-design

Обновление 2017.05.13, можете отправить свои строительные леса по адресу: http://scaffold.ant.design/


Здесь будет долгосрочная коллекция некоторых ресурсов и примеров, связанных с разработкой, предоставленных сообществом, чтобы помочь вам изучить, как развиваются другие люди, и добро пожаловать, чтобы ответить здесь.

Нерелевантные ответы будут периодически удаляться.

⚙️ Workflow

Самый полезный комментарий

Фреймворк R2 (Redux React Framework) в основном построен на основе React и Redux, который по-прежнему использует react-router , react-router-redux , react-redux , immutable.js . В то же время используйте инструмент загрузки модуля webpack, используя синтаксис ES62015. Если вы хотите использовать этот фреймворк, вы должны знать больше или меньше этих знаний. В то же время также используются компоненты Ant Design . Пользовательский интерфейс, используемый на сгенерированных страницах, - это Ant Design. В настоящее время поддерживается только он. Более позднее создание страниц также будет поддерживать несколько компонентов пользовательского интерфейса. Платформа R2 предназначена для быстрого создания страниц, уменьшения дублирования работы, уменьшения дублирования кода и повышения эффективности разработки.
Две основные характеристики:

  • Грамотно построить маршрут и редуктор
  • Конструктор страниц

Фактически позиция
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
Этот пол кривой. . . Вы хотите удалить commet и упорядочить его? . .

Написал простой пример https://github.com/benjycui/selector-specificity/tree/master

Причина, по которой это не TODO, заключается в том, что вам просто нужен такой инструмент

Для этой проблемы просто измените эту версию на более низкую!

Во вторник, 26 января 2016 г., в 17:28 Бенджи Цуй [email protected] написал:

Написал простой пример https://github.com/benjycui/selector-specificity/tree/master

Причина, по которой это не TODO, заключается в том, что вам просто нужен такой инструмент

-
Ответьте на это письмо напрямую или просмотрите его на GitHub
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Сюн Джиабин

Эти строительные леса - отличный пример: https://github.com/jovey-zheng/react-start-kit

Я надеюсь, что это поможет разработчикам, которые использовали antd.

Этот проект разработан, чтобы помочь тем, кто использует antd для разработки веб-сайта (или веб-приложения). Возможно также нужно использовать redux, router и так далее.

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

https://github.com/huhulab/react-frontend-boilerplate не может запустить @ afc163
Сообщит об ошибке antd.js: 8494 Uncaught TypeError: невозможно прочитать свойство'instance 'из undefined

Репо @ RichardLyp не поддерживается нами, перейдите на соответствующий склад, чтобы открыть вопрос.

(Хотя я знаю причину, я не хочу, чтобы вы использовали проблему antd как мусорное ведро. Выкиньте сюда все относящиеся и не относящиеся к делу вопросы :-(

(Вопрос должен быть помещен в соответствующий проект, а @ под людьми, которые, по вашему мнению, должны участвовать в обсуждении

(Перейдите в это репо, чтобы открыть проблему, а затем @ me, я отвечу

Я не использую строительные леса antd. Почему в пакете webpack после введения antd больше 800 КБ, а без antd - только 200. Это нормально?

Пожалуйста, прочтите FAQ и умные вопросы .

Разве китайские проекты не предоставляют документы на английском языке? 😅

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

После некоторого использования antd я также создал демо

Есть ли какое-нибудь изоморфное решение

Если у вас есть хорошие строительные леса и примеры, перейдите по ссылке PR: https://github.com/websemantics/awesome-ant-design

Только что обновил https://github.com/websemantics/awesome-ant-design со всеми проектами, упомянутыми здесь, и несколькими из поиска Github,

Я попытался протестировать те, которые добавляю первыми, чтобы лучше описать их, но это длинный список, и я не смог заставить работать многие из них ... Я также добавил еще несколько категорий и таблицу содержания,

Пожалуйста, не стесняйтесь добавлять новые проекты, связанные с Ant Design, напрямую с 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-router , react-router-redux , react-redux , immutable.js . В то же время используйте инструмент загрузки модуля webpack, используя синтаксис ES62015. Если вы хотите использовать этот фреймворк, вы должны знать больше или меньше этих знаний. В то же время также используются компоненты Ant Design . Пользовательский интерфейс, используемый на сгенерированных страницах, - это Ant Design. В настоящее время поддерживается только он. Более позднее создание страниц также будет поддерживать несколько компонентов пользовательского интерфейса. Платформа R2 предназначена для быстрого создания страниц, уменьшения дублирования работы, уменьшения дублирования кода и повышения эффективности разработки.
Две основные характеристики:

  • Грамотно построить маршрут и редуктор
  • Конструктор страниц

Фактически позиция
https://console.topvdn.com
пользователь: [email protected]
pwd: nan123456789

Вы можете предоставить демо?

Качество реализации

Основной цвет 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

Используйте antd с Java: https://github.com/ihaolin/diablo (легкая постоянная служба конфигурации)

Есть ли демо с redux? Задайте такой вопрос по работе с формой.

@janjon dva

Позвольте мне порекомендовать проект строительных лесов для react + router, написанный мной.
https://github.com/luckykun/generator-reactpackage

@xianshannan
https://console.topvdn.com
Этот проект выложили на гитхаб?

Вы заметили, что если конфигурация babel-plugin-import находится в запросе babel-loader, это не работает, но в .babelrc возможно, но он все равно будет сообщать вам, что ваш сторонний пакет слишком велик

@ yangwq123 внутренний проект компании

Моя демонстрация
https://github.com/tianzx/ui

Ищу пример проекта VS2015 + TypeScript 2.0.6 + antd2.2.1

webpack развертывает значок antd на локальном

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

Попробуйте интегрировать машинописный текст redux reactrouter, следующим шагом будет замена проекта компании на машинописную разработку.
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + React + Redux + antd Изоморфизм прямо из исследования: https://github.com/git-lt/isomorphism-koa2-react-antd

Сегодня в тренде Ant Design, https://github.com/trending
ant-design

Как использовать antd в приложении create- react

Есть ли еще какой-нибудь пост, посвященный случаям с открытым исходным кодом (включая компоненты расширения HOC)?
Подобно этому приложению с открытым исходным кодом https://github.com/andrewngu/sound-redux
Этот пост - в основном строительные леса.

Поделись одним
https://github.com/tvrcgo/egg-react-mobx-ts-antd
яйцо, реакция, mobx-react, машинопись и дизайн муравьев.

Вот шаблон с использованием React, Redux, TypeScript, SSR, HMR, Webpack 2.

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, которая реализует навигацию уровня 2, аналогичную Alibaba Cloud.

electronic + Mobx + antd + sequelize , этот проект недавно был выполнен мной, потому что это была программа, написанная, когда я впервые начал обновление 3 года назад, поэтому дизайн структуры таблицы был бы очень неразумным, но постарайтесь обеспечить интерфейсный код рационализация. Видя, что Electron здесь не упоминается, я вынул его, чтобы показать свое безобразие.

Или можно этот вопрос закрыть?

@ afc163

Добро пожаловать, чтобы отправить свои строительные леса по адресу: http://scaffold.ant.design/

Эта цепочка была автоматически заблокирована, поскольку в ней не было активности в последнее время. Пожалуйста, откройте новую проблему для связанных ошибок и дайте ссылку на соответствующие комментарии в этой теме.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги