Size: a a a

2020 July 07

AO

Aleksandr Osipov in ☄️ effector
h('ul', () => {
 list($items, ({store}) => {
   h('li', () => {
     spec({text: store})
   })
 })
})
источник

DS

Dmitriy Shuleshov in ☄️ effector
🚀🔬 🚀🔬🚀🔬
мне просто интересно, насколько сильно можно развить эту концепцию совместными усилиями
Думаю тебе нужно черкануть просто текст где то вида

Если вы хотите jsx дайте пример транспиляции до -> после для большинства кейсов
источник

AO

Aleksandr Osipov in ☄️ effector
Aleksandr Osipov
h('ul', () => {
 list($items, ({store}) => {
   h('li', () => {
     spec({text: store})
   })
 })
})
вот как такое записать на jsx?
источник

AO

Aleksandr Osipov in ☄️ effector
Dmitriy Shuleshov
Думаю тебе нужно черкануть просто текст где то вида

Если вы хотите jsx дайте пример транспиляции до -> после для большинства кейсов
Это так не работает боюсь
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
🚀🔬 🚀🔬🚀🔬
то есть в первую очередь отказ от jsx позволил отбросить старые предрассудки и ограничения: если в handler нужно добавить конфиг для preventDefault опции, то jsx будет проблемой, которая оттолкнёт от хорошей идеи (она уже реализована, кстати)
h('div', {
 handler: {
   config: {prevent: true},
   on: {click}
 }
})
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
то есть отказ от jsx это не цель и не пиар, это просто средство, которое позволяет достигать целей проще
источник

🦜

🦜 in ☄️ effector
Aleksandr Osipov
h('ul', () => {
 list($items, ({store}) => {
   h('li', () => {
     spec({text: store})
   })
 })
})
<ul>
 {list($items, ({store}) => <li>{store}</li>)}
</ul>
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
makoven
А что со списками? Всякие list.map({i => <div />}) вычислятся в рантайме и исчезнут. Или ты не про то?
в forest списки делаются через метод list, потому что рендерятся реактивно напрямую из сторов-массивов
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
🦜
<ul>
 {list($items, ({store}) => <li>{store}</li>)}
</ul>
а с объектной формой?
источник

🦜

🦜 in ☄️ effector
🚀🔬 🚀🔬🚀🔬
а с объектной формой?
это какой?
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
🦜
это какой?
list({
 source,
 key: 'id',
 fn({store, key}) {

 }
})
источник

🦜

🦜 in ☄️ effector
🚀🔬 🚀🔬🚀🔬
list({
 source,
 key: 'id',
 fn({store, key}) {

 }
})
думаю также, нам то в основном тут функция нужна
источник

s

sterioss in ☄️ effector
<Forest.List source key fn> можно наверное сделать
источник

🦜

🦜 in ☄️ effector
sterioss
<Forest.List source key fn> можно наверное сделать
🤨
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
sterioss
<Forest.List source key fn> можно наверное сделать
вот этого бы и хотелось избежать
источник

s

sterioss in ☄️ effector
Ну раз уж делать jsx)
источник

🚀🚀

🚀🔬 🚀🔬🚀🔬... in ☄️ effector
<xml ето не выход/>
источник

AO

Aleksandr Osipov in ☄️ effector
блин но ведь не будет это все работать, JSX подход как в реакте подразумевает что каждый раз при обновлении пропсов будет пересоздаваться это дерево и поэтому там мы можем писать props.list.map(() => someJSXhere), но в форесте не так, тут это однократно будет вызвано, то есть придется отказаться от просов вообще
источник

AO

Aleksandr Osipov in ☄️ effector
я к чему, что только с толку будет сбивать людей пришедших из реакта
источник

AO

Aleksandr Osipov in ☄️ effector
то есть тут вообще подход другой, тут же рендерим теже списки из реактивных сторов как уже упомнянули, не ложится это все на JSX
источник