@reactjs_samurai - страница 1065

{ Amir }

Разбивку на компоненты для переиспользования

{ Amir }

спасибо)

{ Amir }

@Maxsimspon Чет не могу найти ссылку что тв кидал

{ Amir }

Вроде нашел

{ Amir }

На англ

{ Amir }

Оно же?

{ Amir }

как юзаешь иконки в реакт?

{ Amir }

Я в группе реакта задавал вопрос можно ли добавить лоадер не делая eject

{ Amir }

Оно же?

На медиуме перевод нашел

Сергей

Мужики аполло может заменить полноценно редакс?

Сергей

С этими бесконечными экшенами санками И так далее?

{ Amir }

Как ты их используешь?

{ Amir }

Я в верстке обычно кидаю файлы в папку, а галп собирает в свг спрайт и я его использую через обращение к symbol по id

Vitalii

ребят всем привет, не подскажите почему выделенный файл если я пытаюсь написать рендер как в примерах выше, путь импорта становится не подсвеченый и он перестает работать, а если сказан через компонент как сейчас то все супер

Vitalii

При этом ошибок нет, он просто его не видет

Фауст

Может вс код просто тупит)

Vitalii

Хз, тупо уже все проверил

Виталя

Может, все же не просто так компоненты именуют с большой буквы?

Vitalii

ребят всем привет, не подскажите почему выделенный файл если я пытаюсь написать рендер как в примерах выше, путь импорта становится не подсвеченый и он перестает работать, а если сказан через компонент как сейчас то все супер

Ребят, есть идеи?

Vitalii

Может, все же не просто так компоненты именуют с большой буквы?

Писец я лохонулся) Спасибо

Виталя

Бывает, шо поделать

Виталя

А шо за запись component{...}?

Виталя

Равно забыл

Vitalii

Равно забыл

Там есть равно

Виталя

Типо можно так дать понять, что это компонента, а не встроеная хрень?

Виталя

Я равно не поставил, а не ты)

Виталя

Не сталкивался с такой записью, не знаю, что это значит

Vitalii

Не сталкивался с такой записью, не знаю, что это значит

Практически тоже-самое, но через такую запись нельзя передать путь через пропсы....

Виталя

По ходу, это просто присвоение компоненты переменной, но это не точно. Не очень шарю

Виталя

Ну, да ладно. Пока это не нужно. Может, как-нибудь столкнусь еще

Vitalii

Ну, да ладно. Пока это не нужно. Может, как-нибудь столкнусь еще

Да рендер более функциональный метод, так что не факт

{ Amir }

Щас ознакомлюсь

{ Amir }

ручками вбивать каждую иконку??

{ Amir }

@Maxsimspon В статье в Approach #2 указан css in js?

{ Amir }

Как тогда меняешь размеры в зависимости от медиа-запроса?

{ Amir }

получается у тебя куча иконок лежит в папке и ты просто импортишь их путь и юзаешь?

{ Amir }

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

{ Amir }

я выбираю по какому свойству задавать размер, по высоте или по ширине указанием font-size и регулировать цвет с помощью css color.

{ Amir }

т.е. для установки размера и цвета надо указать всего 2 свойства css

{ Amir }

И если на родителе висит :hover который меняет цвет, то иконка его подхватит. Если надо иконку высотой под размер текста, то не указываем свойство font-size.

{ Amir }

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

{ Amir }

Плюс - Один http запрос к файлу

{ Amir }

Если svg будет храниться в js, то это плюс, меньше запросов

{ Amir }

Тоже интересный подход, можно юзать только те иконки что нужны

{ Amir }

но чет подход вставлять стили в тег style не оч

Рома

Доброе утро. 59-ый урок, возникла проблема: поставил условие, что если в props.profilePage будет null или undefined, т.е. запрос еще не закончен и в пропсах нет данных, то отображается Loader. Так вот, Loader отображается, но после того, как в props приходят нужные данные ничего не происходит, т.е. крутилка остается и основной jsx не рендерится. Проверил дебаггером, пропсы приходят, не равны null или undefined