Size: a a a

React — русскоговорящее сообщество

2020 October 26

И

Иван in React — русскоговорящее сообщество
alex yanul
Привет, подскажите нужно реализовать sticky компонент но 'position: sticky' не подходит, немного нужно рассширить функционал,
думаю реализовать как <div class='wrapper' > <MyComponent  />  </div>, на это повесить IntersectionObserver когда MyComponent на границе с viewport. В отоке div.wrapper уходит выше viewport а MyComponent остается висеть, но меня смущает div.wrapper нормальная ли это практика врапать дивами компаненты? Сорри может вопрос тупой я больше по бэкенду...
Нормальная
источник

И

Иван in React — русскоговорящее сообщество
alex yanul
Привет, подскажите нужно реализовать sticky компонент но 'position: sticky' не подходит, немного нужно рассширить функционал,
думаю реализовать как <div class='wrapper' > <MyComponent  />  </div>, на это повесить IntersectionObserver когда MyComponent на границе с viewport. В отоке div.wrapper уходит выше viewport а MyComponent остается висеть, но меня смущает div.wrapper нормальная ли это практика врапать дивами компаненты? Сорри может вопрос тупой я больше по бэкенду...
Только вместо оборачивания просто прокинь реф

https://www.npmjs.com/package/react-intersection-observer#useinview
источник

ay

alex yanul in React — русскоговорящее сообщество
ого, спасибо!
источник

RS

Ragnar Sigurðsson in React — русскоговорящее сообщество
Господавры, кто-нибудь работал с gatsby? Он сильно багованный?
источник

S

Stanislav in React — русскоговорящее сообщество
Ragnar Sigurðsson
Господавры, кто-нибудь работал с gatsby? Он сильно багованный?
насчет багованного это очень спорно, его бы не юзали в проде, но сам сижу на игле некста
источник

AP

Arnold Pataki in React — русскоговорящее сообщество
пацыки, забыл, а как называется такая фигня?
<Component.A>
 <Component.B>...</Component.B>
</Component.A>
источник

S

Stanislav in React — русскоговорящее сообщество
Arnold Pataki
пацыки, забыл, а как называется такая фигня?
<Component.A>
 <Component.B>...</Component.B>
</Component.A>
это называется как не надо делать
источник

RS

Ragnar Sigurðsson in React — русскоговорящее сообщество
так я не утверждаю, хочу просто поинтересоваться у тех кто юзал плотно. не было ли критичных проблем
источник

AP

Arnold Pataki in React — русскоговорящее сообщество
Stanislav
это называется как не надо делать
почему
источник

S

Stanislav in React — русскоговорящее сообщество
Arnold Pataki
почему
вы вместо создания отдельного компонента создаете компонент внутри компонента по сути используя то что вам дает жс, а именно запись в объект, естественно вы можете рассматривать это как гибкость реакта, но это просто своеобразный абьюз того как работает жс
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Stanislav
вы вместо создания отдельного компонента создаете компонент внутри компонента по сути используя то что вам дает жс, а именно запись в объект, естественно вы можете рассматривать это как гибкость реакта, но это просто своеобразный абьюз того как работает жс
Так а почему делать так не стоит?
источник

S

Stanislav in React — русскоговорящее сообщество
Vladimir Klimov
Так а почему делать так не стоит?
потому что это абьюз того как работает жс, а не то как надо писать компоненты
источник

P🏂

Prochor 🏂 in React — русскоговорящее сообщество
Stanislav
это называется как не надо делать
Я бы не был столь категоричен) В нужных местах очень полезный паттерн
источник

S

Stanislav in React — русскоговорящее сообщество
Prochor 🏂
Я бы не был столь категоричен) В нужных местах очень полезный паттерн
как раз хотел сказать что жду когда появится человек который называет это "паттерном"
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Stanislav
потому что это абьюз того как работает жс, а не то как надо писать компоненты
Почему это "абьюз"? Огромное количество библиотек используют такой подход, часто это бывает удобным ( на мой взгляд)
Где объективные минусы такого апи?
источник

S

Stanislav in React — русскоговорящее сообщество
Vladimir Klimov
Почему это "абьюз"? Огромное количество библиотек используют такой подход, часто это бывает удобным ( на мой взгляд)
Где объективные минусы такого апи?
библиотеки пишутся людьми, люди выбирают такой подход, это их выбор
источник

a

artalar in React — русскоговорящее сообщество
источник

P🏂

Prochor 🏂 in React — русскоговорящее сообщество
Stanislav
как раз хотел сказать что жду когда появится человек который называет это "паттерном"
🙈 в атомик дизайн практикуется на ура
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Stanislav
библиотеки пишутся людьми, люди выбирают такой подход, это их выбор
Так почему это плохо, у вас аргументы есть?)
источник

S

Stanislav in React — русскоговорящее сообщество
Vladimir Klimov
Так почему это плохо, у вас аргументы есть?)
я уже высказал мой главный аргумент
источник