Immutable Data and React - Techniques and Benefits

Immutable Data and React - Techniques and Benefits

Meta Developers via YouTube Direct link

Intro

1 of 34

1 of 34

Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Immutable Data and React - Techniques and Benefits

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Persistent Immutable Data Structures
  3. 3 Structural Sharing
  4. 4 Directed Acyclic Graph
  5. 5 reTrieve
  6. 6 Index Trie
  7. 7 Implementation as Trie, Interface as Lists and Maps!
  8. 8 The Hash Array Mapped Trie (HAMT) is based on the simple notion of hashing a key and storing the key in a trie based on this hash value.
  9. 9 Simplicity is hard work. But there's a huge payoff. The person who has a genuinely simpler system is going to be able to affect the greatest change with the least work. He's going to kick your ass.
  10. 10 What problems does this solve anyway?
  11. 11 Concurrency, No locks!
  12. 12 Multithreading: There be dragons.
  13. 13 JavaScript is in trouble.
  14. 14 Embracing Immutability enables JavaScript's future.
  15. 15 Mutable objects complect Time and Value
  16. 16 var identity; identity = "value"; identity = "next value"
  17. 17 Immutable data removes complexity.
  18. 18 The Many Mutators Problem.
  19. 19 What changed?
  20. 20 Dirty bits
  21. 21 UI Framework coupling model class to view class.
  22. 22 Immutable change tracking
  23. 23 Memoization
  24. 24 shouldComponentUpdate()
  25. 25 Immutable Data is Faster
  26. 26 Reconciliation is pretty damn fast.
  27. 27 Reconciliation is slower than persistent data.
  28. 28 Flux stores contain mutable data.
  29. 29 Reconciliation is pretty damn fast?
  30. 30 Flux stores with immutable data!
  31. 31 Flux store is an identity New immutable values as time passes
  32. 32 Bonus: Undo is easy!
  33. 33 No more mutable state stockholm syndrome.
  34. 34 Solve problems by removing complexity.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.