const user = createStore({name: 'John'}) const User = createComponent(user, (props, user) => { return <div>{props.say}, {user.name}</div> }) const App = () => <> <User say="Hello" /> <button onClick={() => rename('Peter')} /> </> const rename = createEvent('rename user') user.on(rename, (user, name) => ({name})) user.watch(user => console.log('update ', user))

а сколько там у тебя сейчас эффектор весит?

а сколько там у тебя сейчас эффектор весит?

https://bundlephobia.com/result?p=effector@0.18.0-beta.7

При переходе 18 версии из беты в релиз будет меньше ~ на треть

у тебя в эффекторе есть что-то типа combineStores?

чтобы древо из них строить

https://bundlephobia.com/result?p=effector@0.18.0-beta.7

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

Я просто most убрал))

о как!

а так все хорошо начиналось :))

@ZeroBias а что означают ресеты?

Возвращает первоначальное значение

ну вернее что будет если эти две строки последние убрать?

Как обычно — стор перестанет реагировать на событие) Это сокращение для const initialValue = ... const store = createStore(initialValue) store.on(event, () => initialValue)

аа

а никто не пытался поднять реакт приложение с не рутовым контекстом? чтобы было например так http://localhost:8080/myApp/

?

т.е. по срабатыванию любого из этих двух событий инициализируется formInput

а никто не пытался поднять реакт приложение с не рутовым контекстом? чтобы было например так http://localhost:8080/myApp/

@webpack_ru

а никто не пытался поднять реакт приложение с не рутовым контекстом? чтобы было например так http://localhost:8080/myApp/

это не контекст

это не контекст

а что?

Reworm уже смотрели, обсуждали? https://github.com/pedronauck/reworm

нет нет нет нет нет

не надо

Если нужно что-то простое берите нативный контекст, вот пример https://codesandbox.io/s/n3rn49jzz0

@ZeroBias без most у тебя по сути получился почти redux-act

с той разницей, что там все же можно делать. combineReducers

Так в еффекторе есть комбайн сторов

Глянь вики на ГХ

@ZeroBias без most у тебя по сути получился почти redux-act

redux-act далеко не совершенен, кстати

Кстати вот вам простые хелперы для редакса, можно использовать по отдельности, можно вместе https://gist.github.com/artalar/f99c5bd7ef96553286c060785104b215

Кстати вот вам простые хелперы для редакса, можно использовать по отдельности, можно вместе https://gist.github.com/artalar/f99c5bd7ef96553286c060785104b215

А типизация, ну?

!ро флуд

А типизация, ну?

?‍♂️ бери эффектор, там все хорошо с этим

redux-act далеко не совершенен, кстати

а в чем кстати несовершенство?

а в чем кстати несовершенство?

Асинхронщину руками делать приходится (я мидлвару написал https://www.npmjs.com/package/redux-act-dispatch-free)

Асинхронщину руками делать приходится (я мидлвару написал https://www.npmjs.com/package/redux-act-dispatch-free)

ну все под себя это делают все равно

разбивают на 3-4 экшина request, success, failure

Ну у меня вполне универсальное решение. Не ясно почему в саму либу это не пихнули

разбивают на 3-4 экшина request, success, failure

Вот куча копипасты - нет, спасибо

Вот куча копипасты - нет, спасибо

ты не понял :)) делается экшин билдер же

Я его уже сделал)

И в эффекторе он по умолчанию есть

Это фундаментальные вещи, зачем их каждому заного их делать?

ну не такие уж и фундаментальные

у меня вот такой в одном проекте

в другом по другому немного

в третьем смесь с вебсокетами еще

https://bundlephobia.com/result?p=effector@0.18.0-beta.7

ого крутой сайт

ого крутой сайт

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

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

хммм по-моему это как раз релевантно)

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

хммм по-моему это как раз релевантно)

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

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

вот именно "у тебя на проекте")

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

Опционально было бы круто, да

При переходе 18 версии из беты в релиз будет меньше ~ на треть

падажди а шо там осталось в итоге ?

5 кб

ппц

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

Ссылка на репозиторий обычно, но в репозитории-то совсем другое

ERROR: S client not available

падажди а шо там осталось в итоге ?

Так у него концепции мощные, но элементарные (поймите правильно это слово), вроде?

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

Есть же npm cdn или ты про что?

Так у него концепции мощные, но элементарные (поймите правильно это слово), вроде?

ну как бы там по сути имплементация редукса частичная

алгоритм тарьяна

и как бы логика еще остается

при этом все влезло в 5 кб ???

Есть же npm cdn или ты про что?

я про то что на страничку пакета заходишь и не видишь че за файлы А ты про что?)

createGate() -lool

ну как бы там по сути имплементация редукса частичная

1. "имплементация редукса" - это как сказать "имплементация Array.map". 2. у редукса ряд проверок для дураков, которые, возможно, у эффектора еще нет

1. "имплементация редукса" - это как сказать "имплементация Array.map". 2. у редукса ряд проверок для дураков, которые, возможно, у эффектора еще нет

это все же какой-то код

я про то что на страничку пакета заходишь и не видишь че за файлы А ты про что?)

А что тебе нужно видеть?

ну и как бы эти проверки полезные

я чет идею с гейтами не понял

https://t.me/js_ru

Добрый день, девелоперы. Накидайте плиз информации о том, как сделать masonry layout в реакте. Если конкретно, хочу сделать что-то вроде ленты карточек, раскинутых в несколько равных столбцов, как картинки в pinterest или заметки в google keep. Сложность только в том, что карточки разной высоты, и тупо в равном количестве закидывать в каждый столбик не прокатит. Плюс перерисовка при ресайзе окна. Плюс lazy-loading, который будет изменять размер карточки, после того, как она уже создана.

Добрый день, девелоперы. Накидайте плиз информации о том, как сделать masonry layout в реакте. Если конкретно, хочу сделать что-то вроде ленты карточек, раскинутых в несколько равных столбцов, как картинки в pinterest или заметки в google keep. Сложность только в том, что карточки разной высоты, и тупо в равном количестве закидывать в каждый столбик не прокатит. Плюс перерисовка при ресайзе окна. Плюс lazy-loading, который будет изменять размер карточки, после того, как она уже создана.

также как и везде

А что тебе нужно видеть?

ну я ж говорю, файлы которые реально в модуле будут Это вовсе не 1-к-1 маппинг с файлами из репозитория

Добрый день, девелоперы. Накидайте плиз информации о том, как сделать masonry layout в реакте. Если конкретно, хочу сделать что-то вроде ленты карточек, раскинутых в несколько равных столбцов, как картинки в pinterest или заметки в google keep. Сложность только в том, что карточки разной высоты, и тупо в равном количестве закидывать в каждый столбик не прокатит. Плюс перерисовка при ресайзе окна. Плюс lazy-loading, который будет изменять размер карточки, после того, как она уже создана.

Css grid

Добрый день, девелоперы. Накидайте плиз информации о том, как сделать masonry layout в реакте. Если конкретно, хочу сделать что-то вроде ленты карточек, раскинутых в несколько равных столбцов, как картинки в pinterest или заметки в google keep. Сложность только в том, что карточки разной высоты, и тупо в равном количестве закидывать в каждый столбик не прокатит. Плюс перерисовка при ресайзе окна. Плюс lazy-loading, который будет изменять размер карточки, после того, как она уже создана.

это тебе тестовое заданице подкинули что ли? :)))

Css grid

неправильный ответ

неправильный ответ

+

ну я ж говорю, файлы которые реально в модуле будут Это вовсе не 1-к-1 маппинг с файлами из репозитория

Тебе что нужно?) Ссылка на минифицированный код?

это тебе тестовое заданице подкинули что ли? :)))

нет, пет-прожект делаю

неправильный ответ

Почему?

Тебе что нужно?) Ссылка на минифицированный код?

ну типа да

Почему?

Потому что только флексы

flexbox-ы решат

Добрый день, девелоперы. Накидайте плиз информации о том, как сделать masonry layout в реакте. Если конкретно, хочу сделать что-то вроде ленты карточек, раскинутых в несколько равных столбцов, как картинки в pinterest или заметки в google keep. Сложность только в том, что карточки разной высоты, и тупо в равном количестве закидывать в каждый столбик не прокатит. Плюс перерисовка при ресайзе окна. Плюс lazy-loading, который будет изменять размер карточки, после того, как она уже создана.

бери masonry плагин