We can call a setInterval in componentDidMount. We should define the interval with a variable when we are doing it correctly, and then clear the interval in componentWillUnmount, but here we will just see how to set up an anonymous interval. We want to write the setInterval in the proper format, making sure there is …
How to use setInterval() in a React class component Read More »
This is a short blog post explaining a revelation I had with useEffect in React, that has probably been causing me problems for a while, since I did not know why my component was not reading the updated props. Why won’t my component register the changed values of props??? The answer for me was that …
create-react-app has a very cool way of allowing you to view your code updates instantaneously on your phone, using an IP address that you simply type into your URL bar: but it doesn’t always work out of the box. Here we will fix this issue, by finding the correct IP to navigate to, and – …
How to View React Code Edits Instantly on Mobile Device Read More »
In React, passing a function to a child component can easily be done by passing the function as a prop to the child. This works even when the function uses state from the parent. If we bind the function with the keyword ‘this’ in it’s parent constructor, then we can freely use the function in …
How to pass a function to a child component in React. Read More »
You and your best friend made an appointment to meet for a walk in the park, and then you rescheduled to a new date. The next day, you checked your calendar, biked to your rendezvous… But where is she? Didn’t you guys agree to meet at this time? You stand there puzzled, while your friend …
When you are buying groceries to make dinner, you can’t start preparing the ingredients – chopping the onions, washing the radishes – until you’ve paid for the groceries and driven home, can you? This wouldn’t make sense. Similarly, in React we can’t make modifications to a component until it has been mounted. This is where …
React Lifecycle: Why componentDidMount() is great for a smooth API call Read More »
