<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/feed.rss.xml" type="text/xsl" media="screen"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Anastasiya Kataeva</title>
    <description/>
    <link>https://speakerdeck.com/tenebricosa</link>
    <atom:link rel="self" type="application/rss+xml" href="https://speakerdeck.com/tenebricosa.rss"/>
    <lastBuildDate>2018-02-09 07:00:41 -0500</lastBuildDate>
    <item>
      <title>UralJS #6: Алексей Иванов — React и данные: Эффективные способы хранения и изменения стейта</title>
      <description>📣 При компиляции jsx в js получаются функции. Одни функции вложены в другие, другие вложены в третьи. Если вызвать самую верхнюю функцию, то сначала получится VirtualDOM, а потом и просто DOM.

Пока все хорошо. Но теперь нам нужно поменять какие-то данные в приложении, и изменить наш DOM на их основе. И вот тут начинаются разные нюансы. Все ли изменения одинаково полезны? Какие правки будут вызвать перерендер, а какие нет? Как React выбирает, что именно изменить? Какие изменения в VirtualDOM позовут за собой изменения DOM, а какие нет? Как организовать свои данные так, чтобы приложение работало максимально быстро?

Если при вводе данных в текстовое поле у вас начинает тормозить все приложение, чекбоксы выставляются по полсекунды, а анимации тормозят, то мой доклад вам пригодится.</description>
      <media:content url="https://files.speakerdeck.com/presentations/d1453eb4c3614978a42aac633501e059/preview_slide_0.jpg?9392890" type="image/jpeg" medium="image"/>
      <content:encoded>📣 При компиляции jsx в js получаются функции. Одни функции вложены в другие, другие вложены в третьи. Если вызвать самую верхнюю функцию, то сначала получится VirtualDOM, а потом и просто DOM.

Пока все хорошо. Но теперь нам нужно поменять какие-то данные в приложении, и изменить наш DOM на их основе. И вот тут начинаются разные нюансы. Все ли изменения одинаково полезны? Какие правки будут вызвать перерендер, а какие нет? Как React выбирает, что именно изменить? Какие изменения в VirtualDOM позовут за собой изменения DOM, а какие нет? Как организовать свои данные так, чтобы приложение работало максимально быстро?

Если при вводе данных в текстовое поле у вас начинает тормозить все приложение, чекбоксы выставляются по полсекунды, а анимации тормозят, то мой доклад вам пригодится.</content:encoded>
      <pubDate>Fri, 09 Feb 2018 00:00:00 -0500</pubDate>
      <link>https://speakerdeck.com/tenebricosa/uraljs-number-6-alieksiei-ivanov-react-i-dannyie-effiektivnyie-sposoby-khranieniia-i-izmienieniia-stieita</link>
      <guid>https://speakerdeck.com/tenebricosa/uraljs-number-6-alieksiei-ivanov-react-i-dannyie-effiektivnyie-sposoby-khranieniia-i-izmienieniia-stieita</guid>
    </item>
  </channel>
</rss>
