React'а тред

[FINoM]

Сколько ни смотрю на Реакт, одного не могу понять: почему этот виртуальный ДОМ так нахваливают. Не холивара ради, просто, правда, не понимаю. Получается, что они перед изменением вьюхи сверяют её с виртуальным представлением и меняют только то, что обновилось. Но чем это лучше dirty-check?

[Zaveshanie]

чем это лучше dirty-check?

Может и ничем. В React есть хитрый механизм(добавление ключей) оптимизирующий проверки вирт. DOM, сильно влияющий на скорость. Если в твоём dirty-check есть такие же оптимизации, то он может работать быстрее React.

Скажу по секрету на React можно писать так, что он будет тормозить.

[FINoM]

Zaveshanie, ну я не сравниваю dirty-check с виртуальным домом, я, скорее, хочу понять, чем он лучше отвутствия всяких проверок.

[Mаxmaxmаximus]

FINoM, лол вы ребят путаете рендеринг и датабиндинг)

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


вот какую архитектуру щас делаю

[FINoM]

Mаxmaxmаximus, а по теме можешь что-то сказать?

[cyber]

разбираюсь с рекатом, сейчас читаю эту статью https://habrahabr.ru/company/mailru/blog/303456/ , не могу понять откуда взялось свойство props https://github.com/teropa/redux-voti...nents/Vote.jsx ??

[Lemme]

что такое props
https://facebook.github.io/react/doc...ing-props.html

Откуда в компоненте Vote props
https://github.com/teropa/redux-voti...Voting.jsx#L14

[cyber]

Потихоньку все становится на свои места, сейчас читал доку redux, и все было нормально пока не дошел до ассинхроных событий, и там уже начинается что то похожее на костыли.

Without middleware, Redux store only supports synchronous data flow. This is what you get by default with createStore().

В принципе возникает вопрос, на что кроме redux есть смысел посмотреть, потому что вариантов много..

[Lemme]

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

cyber, жесть, т.е middleware пугают??

Это с redux-thunk, в большей степени этого middleware хватает для асинхронщины, да и выглядит он банально. https://github.com/gaearon/redux-thu...r/src/index.js

вся суть redux-thunk (без redux)

const dispatch = action => {
  // а это и есть вся суть redux thunk
  if (typeof action === 'function') {
    return action(dispatch) 
  }
  
  // это вместо next(action)
  console.log(action)
}

const syncAction = message => message

const asyncAction = message => dispatch => {
  setTimeout(() => {
  	dispatch(syncAction(message))
  }, 1000)
}

dispatch(syncAction('foo'))
dispatch(asyncAction('bar'))

а вот пример (из доки)
https://github.com/gaearon/redux-thunk#motivation

на что кроме redux есть смысел посмотреть

сейчас вроде как становится популярный mobx

[cyber]

Lemme, меня больше смущает что то такое

store.dispatch(fetchPosts('reactjs')).then(() =>
  console.log(store.getState())
)