Size: a a a

Angular - русскоговорящее сообщество

2019 September 23

E

E_A in Angular - русскоговорящее сообщество
Sander 🕶
по атомарному дизайну легче орентироваться, молекулы могут только атомы принимать в себя и т.д.,
потом легче разбираться кто с чем переплетается
Раз бейте  на фича модули и пилите каждый свой https://angular.io/guide/styleguide
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
ты их все равно будешь оборачивать в свои компоненты, чтоб не быть привазанным к имплементации,
и продумывать лучше дизайн к своим компонентам, ибо они не очень то и удобны в использовании
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Sander 🕶
у material нет atomic design
пример на реакте есть?
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
есть private repo, есть примеры в git, но они не самые хорошие
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
тогда скажите определение атомарного дизайна
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
а то не понятно почему в реакте где то он есть а в материале вот 100% нет
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
источник

DT

Dmitry Teplov in Angular - русскоговорящее сообщество
Sander 🕶
ты их все равно будешь оборачивать в свои компоненты, чтоб не быть привазанным к имплементации,
и продумывать лучше дизайн к своим компонентам, ибо они не очень то и удобны в использовании
мы вроде про методологию говорили, а не про имплементацию материала
я подумал вопрос заключался в "atomic design кто-нибудь использует при написании ui-компонентов?"
ответ - в некоторой мере все, а если хотите применить у себя при написании компонентов - не вижу преград
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Михаил Аксенов
Сделал с нуля в новом проекте - заработало. Возможно я тогда что-то накосячил.
Про полный перезапуск не знал. Я правильно понимаю, что любое состояние, которое было в сервисах и т.п. будет сброшено?
Да, если вы его нигде не сохраняете и не подгружаете обратно. Поэтому необходимо об этом позаботиться. И не забыть почистить все подписки при ngOnDestroy везде, не только в компонентах, но и в сервисах тоже.

Вкратце, что происходит при hmr:
— клиент получает новый бандл
— копируется весь dom и делается невидимым
— останавливается старый AppModule, и дестроится полностью весь инжектор (все модули, компоненты, сервисы, и т.д.)
— новый dom делается видимым
— стартуется новый AppModule
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
не видно что то здесь запрета в молекуле содержать что то кроме атома
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Dmitry Teplov
мы вроде про методологию говорили, а не про имплементацию материала
я подумал вопрос заключался в "atomic design кто-нибудь использует при написании ui-компонентов?"
ответ - в некоторой мере все, а если хотите применить у себя при написании компонентов - не вижу преград
соглашусь сюда
источник

МА

Михаил Аксенов in Angular - русскоговорящее сообщество
Вертихвост キバ
Да, если вы его нигде не сохраняете и не подгружаете обратно. Поэтому необходимо об этом позаботиться. И не забыть почистить все подписки при ngOnDestroy везде, не только в компонентах, но и в сервисах тоже.

Вкратце, что происходит при hmr:
— клиент получает новый бандл
— копируется весь dom и делается невидимым
— останавливается старый AppModule, и дестроится полностью весь инжектор (все модули, компоненты, сервисы, и т.д.)
— новый dom делается видимым
— стартуется новый AppModule
Понял, спасибо :)
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
то что в материале нет слов атом\молекула\организмы это не значит что он не атомарный
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
Sander 🕶
есть private repo, есть примеры в git, но они не самые хорошие
.
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Давайте лучше отталкиваться от того, с какой именно проблемой вы сталкнулись. Так будет больше вероятностей помочь с этим.

Если вопрос просто “А можно ли …”, то ответ будет так же прост “Можно!”.
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
мне было интересно, сталкивался кто-то с такими проблемами,
что начинали реакт пихать в ангуляр, очень часто такую картину видел,
что разработчики на ангуляре делают это - потому что чего-то им в ангуляре не хватало или было слишком неудобно делать некоторые сложные вещи на ангуляре.
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Можете уточнить какие именно вещи было делать неудобно?
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
что-нибудь сильно кастомное, например дерево с листьями drag and drop,
где можно листик взять и перетащить на дерево.
источник

S🕶

Sander 🕶 in Angular - русскоговорящее сообщество
я в эту группу написал, потому что знаю что тут собрались только профессионалы
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Sander 🕶
что-нибудь сильно кастомное, например дерево с листьями drag and drop,
где можно листик взять и перетащить на дерево.
Просто как один из вариантов того, что можно для этого использовать
https://material.angular.io/cdk/drag-drop/overview
источник