Visualizing React state flow and component hierarchy While we may have a good understanding of the theory behind how components render and state flows, there are, at times, divergences in the theoretical and practical. I wish I had a dollar each time I “knew” something to be true, turned out not to be so. Many…
useState or useReducer? Choosing the right hook is an important architecture choice. While useState and useReducer have similarities, they fit best in certain cases. If you are confused about which one is the best to use, ask, does the element of state you are manipulating depend on other elements of state, or is it independent?…
Have you seen these two errors in your console? “TypeError destroy is not a function” “An effect function must not return anything besides a function, which is used for clean-up.” As you know, useEffect is a React hook that allows us to run additional side effect code once React has updated the DOM. In cases where side…
React Components Simplify Testing In some ways, back end developers have it much easier. A single runtime, much more deterministic testing, less dependence on those pesky users clicking around randomly, and so on. Testing the front end requires a bit more coverage. One needs unit tests, functional tests, and all these tests need to run…
Debugging with Flipper – React Native The Flipper open source mobile debugging platform helps developers to visualize, inspect & control apps in a simple and intuitive manner. Flipper is backed by Facebook and is now a default integration in React Native. With Flipper, you can easily inspect the native layout, monitor the redux state, and…