но и ничего плохого, что из тупого компонента вызывается умный я не вижу)

Мне кажется, на самом деле, что просто зависит от прошлого опыта и привычек. Каждый свою кашу варит по своему :)

То есть есть контейнер из input и ещё чего-то, в зависимости от input меняешь другой компонент

Но например есть react redux form

Мне кажется, на самом деле, что просто зависит от прошлого опыта и привычек. Каждый свою кашу варит по своему :)

ок, а state внутри тупого компонента - норм?)

Она сама по себе умная форма связанная с redux

ок, а state внутри тупого компонента - норм?)

Да

Да, я немного выше писал

И Ее используют в компонентах и все хорошо

а чем контейнер не компонент с стейтом?

Она сама по себе умная форма связанная с redux

да, но я не рискнул еще повышать уровень сложности задания :) и так мозг свернул, 5 дней пыхался с ней :)

Прям активно локальный стейт у меня использует компонент с кастомным скроллом.

а чем контейнер не компонент с стейтом?

Имеется ввиду связку с редаксом делать только в контейнере

а если у компонента свой инстанс редакса?)

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

Ну тогда это уже не тупой

И сложно найти что за данные и откуда пришли

а в чем различие тупого и умного тогда?)

Тут идея то в удобстве поиска

Если везде сделать connect то потом хрен разберёшься

окай, react-dnd создает умные или тупые компоненты?)

кастомный скролл - умный или тупой?

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

У меня кастомный скрол конечно тупой

Кастомный скролл - тупой. Он умеет только скроллить все, что внутрь него положишь.

Даже более того. У меня это 2 компонента: скроллбар и область, которая скроллится, которая инклюдит скроллбар.

Согласен

Примерно так и есть

Умный не от того что у него есть внутренний стейт

а если window надо скроллить?

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

я так и сделал :)

А от того что есть связь с редаксом

Он знает о экшенах

ну а react-dnd - тупые компоненты выдает, или умные?)

И о стэйте редакса

Если это просто скролл для всей страницы обычный, то мой компонент с этим справится. Если там просто нужно по скроллу двигать какие-то элементы интерфейса, то можно сделать свой ScrollArea, который будет контроллировать пропсы скроллбара и разруливать кастомную логику.

Сейчас гляну react-dnd )

у меня вот так связь тупого инпута идет с редаксом

handleEvent(e, handlerName, preventDefault = true) { if (preventDefault) e.preventDefault(); if (typeof this.props[handlerName] === 'function') { this.props[handlerName](); } }

Но скорее тупой

т.е. я проверяю есть ли нужная функция в пропсах и если есть - вызываю.

если нет - ничего не происходит

Ну а причём тут умный компонент?

На первый взгляд обычный компонент который дергает пропсы

кароч, с ваших слов, тупой - это реиспользуемый компонент. Никакого отношения к тому, контейнер ли это - нет.

пацани, если я делаю пакет который представляет собой HOC, мне реакт указывать в peerdeps?

npm 3, указывай в dependencies и не парься

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

ну вот) и не надо про вкладывание умного в тупой рассуждать. Иногда без этого никак)

помимо верстки вполне может быть, что компонент больше одного раза на странице. поиск, например.

Ну я про это и говорил. Что если нам дать одни и те же реакт компоненты, то мы их просто по разному в папочки положим)

В моем случае контейнеры в принципе могут быть реюзабельными если берут данные из одного фрагмента стора. Ну или если заморочиться и в одном контейнере разруливать несколько вариантов.

а еще всегда можно connect вынести в отдельный файл) у меня так вообще все контейнеры сделаны

Как вариант) Я больше люблю внутренности разбивать на отдельные файлики и главный не такой большой получается)

мне connect в основном файле не нравится тем, что появляется 2 основных куска кода

а так, компонент отдельно, коннект и его 2 части отдельно

ребятки

помогите мне достать покемона

что-то я намудрила с апи

вот что в документации есть

но как его правильно использовать(

sprite/{id} media/img/{id2} id !== id2

грубо говоря ты можешь узнать урл картинки из апи

ERROR: S client not available

но пытаешься получить его сразу, опрокидывая туда не то что нужно

я вообще не могу достучаться до этой картинки

даже в браузере не могу найти по урлу

а это что за апи вообще

https://pokeapi.co/docsv1/#pokemon

Be aware: URLs for Sprites have moved permanently! This is due to people abusing them and hot linking. Do not hotlink images.

https://pokeapi.co/api/v1/sprite/12/

тут ты передаешь id покедекса 12, однако картинка в итоге 11.png

https://pokeapi.co/media/img/11.png

Be aware: URLs for Sprites have moved permanently! This is due to people abusing them and hot linking. Do not hotlink images.

забавно, но айдишник картинки просто меньше на 1, штук 5 протыкал

сек юрность

:D

Не работает (((

Щас погодите

почему у меня такого нет?

эм, а где расширение?

уже увидела)

ты меня опередил)

вообще никак(

просто кликни на эту ссылку, работает?

https://pokeapi.co/media/img/11.png

нет(

короче

ну этих покемонов

Как то у меня печально происходит знакомство с реактом ((

Загрузилось

Минута прошла