Artem
Какие библиотеки было бы полезно изучить для работы с реактом? (Не знаю куда двигаться) Redux-saga, normalizr, classnames, axios, reselect, redux-form, react-router-dom с этими ознакомился, может идеи какие-то предложите?
Yury
Max
Кто-то писал веб магазины в связке реакт-нода? Чем вообще пользовались? Какие подводные камни?
Alexander
думаю 1 - seo оптимизация. Но могу ошибаться. Плюс ИМХО есть другие инструменты (да, гребучие CMS) которые для этого больше заточены изначально
Igor
Alexander
ну реакт конечно можно с поисковиками сделать и все такое. Но я не уверен что он прям хорошо будет искаться... Но тут хз конечно.
Alexander
хотя я рад усышать другие мнения.
Но мое мнение - делать интернет магаз на реакт - это не очень разумно.
Alexander
google сдя по всему отлично все находит даже в spa. Короче если есть задание сделать иты знаешь реакт и ноду делай)
В ином случае CMS подойдет лучше ИМХО. Я сам делал мини магаз на реакте) Потому что я не знаю других инструментов а сделать было надо своими силами.
Default
Ну ваще интернет-магазин это почти всегда +админка и +интеграция с црм
Default
И тут надо четко понимать, вывезешь ты это всё или нет
Alexander
ну админку и срм на реакте вполне норм
Default
И надо ли оно заказчику
Default
ну админку и срм на реакте вполне норм
Достаточно много работы надо сделать, я к этому, скорее
Default
Если есть время и финансы — ок
Alexander
но сам менеджмент товаров и т.д. хз. Если есть уже готовые решения специально для магазинов (magento) ну хз
Igor
Ну ваще интернет-магазин это почти всегда +админка и +интеграция с црм
А что по поводу Gatsby ? Видел удачные примеры интернет-магазинов на нем.
Default
А что по поводу Gatsby ? Видел удачные примеры интернет-магазинов на нем.
Совсем небольшие видел, крупных каталогов ни одного
Igor
Совсем небольшие видел, крупных каталогов ни одного
Я знаю, что можно интегрировать любую CMS как админку, с SEO все норм(статика же).
Igor
Опять же, JAMStack только набирает обороты и это вопрос времени.
Ruslan
Та админку изи делать, не гоните
Ruslan
А вот сео,реклама(фиды и прочее), мне кажется по потяжелее,хотя ИН на реакте еще не делал)
Китикет
Пререндер)
Sergey
Китикет
Попробуй эффектор
Китикет
Ай-ай-ай, ну зачем ты редакс человеку советуешь?))
Mikh (vacation)
Кто-нибудь использовал https://github.com/andregardi/use-global-hook?
Sergey
Кто-нибудь использовал https://github.com/andregardi/use-global-hook?
А в чём конкретно вопрос? (бегло глянул, для todo листа сойдёт)
Артём
есть чат, скролл инвертирован, новые сообщения внизу. при подгрузке ранних сообщений скролл остаётся на самом верху. желаемое поведение: сохранять его на месте сообщения, с которого началась подрузка.
собраюсь делать это используя реф и scrollIntoView()
есть ли способ проще?
Mikh (vacation)
А в чём конкретно вопрос? (бегло глянул, для todo листа сойдёт)
ну, вопрос в использовании global state, без redux, mobx и пр.
кажется прикольный хук! я смотрю примеры и мне прям нравится)
Mikh (vacation)
https://yjgci.csb.app/
Sergey
ну, вопрос в использовании global state, без redux, mobx и пр.
кажется прикольный хук! я смотрю примеры и мне прям нравится)
https://github.com/andregardi/use-global-hook#using-typescript
// Happy TypeScripting!
Создатель троль
Mikh (vacation)
)))
Sergey
ну, вопрос в использовании global state, без redux, mobx и пр.
кажется прикольный хук! я смотрю примеры и мне прям нравится)
А что нравится? (в use-global-hook)
Mikh (vacation)
скромность))
https://github.com/andregardi/use-global-hook/blob/master/index.js
всего 60 строк кода
простота использования:
нет бойлерплейта как в редаксе
асинхронность и вызов экшинов из экшинов:
возможность использовать ajax (и прочую асинхронщину)
в редаксе для этого нужны всякие thunk, saga, etc
скорость (?)
тут могу пока только предполагать, основываясь на опыте (меньше кода - лучше перфоманс)
зы: не кидайте какашками, если аргументы не ок, я ещё не настоящий сварщик
Sergey
скромность))
https://github.com/andregardi/use-global-hook/blob/master/index.js
всего 60 строк кода
простота использования:
нет бойлерплейта как в редаксе
асинхронность и вызов экшинов из экшинов:
возможность использовать ajax (и прочую асинхронщину)
в редаксе для этого нужны всякие thunk, saga, etc
скорость (?)
тут могу пока только предполагать, основываясь на опыте (меньше кода - лучше перфоманс)
зы: не кидайте какашками, если аргументы не ок, я ещё не настоящий сварщик
Имхо, ничуть не лучше редакса (разве размером только).
> нет бойлерплейта как в редаксе
глянь на секцию с typescript
😉
Sheldhur
> нет бойлерплейта как в редаксе
я не понял, почему это является плюсом?
Mikh (vacation)
> глянь на секцию с typescript
так такое везде будет, не? хоть redux, хоть mobx, хоть кто бы то ни был.
ведь нужно описать стейт и интерфейсы
но про бойлерплейт редакса я имел ввиду бесконечные ADD_COUNTER
Sheldhur
типа простор для творца? сделать так чтобы потом никто нихуя не понял?
Mikh (vacation)
типа простор для творца? сделать так чтобы потом никто нихуя не понял?
ну зачем же ругаться?
Sheldhur
я не ругаюсь
Sergey
> глянь на секцию с typescript
так такое везде будет, не? хоть redux, хоть mobx, хоть кто бы то ни был.
ведь нужно описать стейт и интерфейсы
но про бойлерплейт редакса я имел ввиду бесконечные ADD_COUNTER
Одно дело описать интерфейсы, а другое дело их везде уточнять.
Sergey
Одно дело описать интерфейсы, а другое дело их везде уточнять.
Mikh (vacation)
Mikh (vacation)
Одно дело описать интерфейсы, а другое дело их везде уточнять.
а, ты в этом смысле. да на примере выглядит так себе. но я думаю это поправимо
Mikh (vacation)
Sergey
Sergey
смотрели доклад? там был прикольный слайд, но не могу найти презентацию
https://t.me/react_js/798977 на счёт доклада с интересным слайдом )
Sergey
прод? опен сорс? есть возможность посмотреть?
Прод (интернет-магазин). Возможности посмотреть код нет, но можно позадавать вопросы здесь @reatom_ru
Mikh (vacation)
спасибо👍
Denis
Ребят, решил начать изучение реакта. Подскажите в какую сторону смотреть для лучшего старта?
Eduard
начните с документации
Eduard
там есть абсолютно все
Vlad
Надо смотреть в сторону монитора
Anonymous
есть какой-то бестпрактикс для логина в несколько аккаунтов?
вообще интересует как это хранить в куках/локале
Ruslan Yumakaev
Ruslan Yumakaev
Igor
в useEffect сделай пустой массив, а не apiHeroes
Ruslan Yumakaev
в useEffect сделай пустой массив, а не apiHeroes
Без этой зависимости не будет работать поиск
Ruslan Yumakaev
Нет, в стейте храню то, что ввел в инпут, а герооев храню в редаксе
Ruslan Yumakaev
Потом сравниваю то, что написал в инпуте с инфой в редаксе и вывожу сходства
Bogdan
Нет, в стейте храню то, что ввел в инпут, а герооев храню в редаксе
обьект у тебя герои, каждый раз новая ссылка, каждый раз еффект тригернет
Ruslan Yumakaev
обьект у тебя герои, каждый раз новая ссылка, каждый раз еффект тригернет
Как понять новая ссылка?
Ruslan Yumakaev
Если явно не указать зависимость в useEffect, то при поптке поиска выводит пустой массив
Bogdan
Как понять новая ссылка?
может не новая, но если постоянно еффект тригерится, значит обьект новый всегда, может там вложенность большая, хз, проверь
Bogdan
https://codesandbox.io/s/romantic-tesla-pn4nb
открой консоль , user в зависимость поставь и смотри консоль
Igor
Если явно не указать зависимость в useEffect, то при поптке поиска выводит пустой массив
а ты data из redux'a берешь? а то я не вижу у тебя в пропсах, mapStateToProps есть?
Sheldhur
Ruslan Yumakaev
а ты data из redux'a берешь? а то я не вижу у тебя в пропсах, mapStateToProps есть?
Ruslan Yumakaev
Bogdan
Ruslan Yumakaev
ты ссылку выше не открыл? я же написал в чем проблема
Если я правильно понял, то когда срабатывает setUser, в user появляется новый пользователь и еффект срабатывает заново
Bogdan
Если я правильно понял, то когда срабатывает setUser, в user появляется новый пользователь и еффект срабатывает заново
обьект новый, вставь строку, не будет апдейтов новых