spaceninja + state   5

6 things I wish I knew about state management when I started writing React apps
The frontend “knows” a lot of things, and these things interact with each other in non-trivial ways. So in my view, state management is the core problem when developing a UI. Here are some things I wish I knew about state management earlier.
fridayfrontend  javascript  react  state  redux  flux  vuex 
7 weeks ago by spaceninja
Build a state management system with vanilla JavaScript
How do these libraries work though? What would it take to write one ourselves? Turns out, it’s pretty straightforward and there’s an opportunity to learn some really common patterns and also learn about some useful modern APIs that are available to us.
javascript  vanilla  redux  vuex  state  mobx  howto  tutorials  buildyourown 
december 2019 by spaceninja
Make your Vuex State Flat: State Normalization with Vuex
The second rule is to keep your global state tree flat. This means that you should not have nested entities like article data with the corresponding author information as nested objects in your state. Instead, lists of articles and authors should be separated.
javascript  vue  vuex  state  react  redux 
september 2019 by spaceninja
How to manage React State with Arrays
You have learned about different ways on how to manage React state with arrays. You can add items to an array, update an item in the array or update the whole array, and remove items from an array. Everything is possible with only JavaScript without using React for it. React is only used to set the state in the end. It boils down to knowing the essential JavaScript array methods such as concat, map, filter and reduce.
react  arrays  state  javascript 
november 2018 by spaceninja
‹Rethinker stop={false}/› by Ryan Florence
I love the example Ryan Florence gave in his talk almost 2 years ago at React Rally called `‹Rethinker stop={false}/›` where he refactored a bunch of imperative code in a React Component's lifecycle methods to a separate component that abstracted away that imperative code and provided a clean declarative API instead. By doing this, Ryan made the code easier to understand because the visual UI was separated from the DOM APIs that were used to create the sound.
javascript  react  video  state  components 
november 2018 by spaceninja

Copy this bookmark: