Using React Hooks Suppose we have the following state of objects nested within an array: In order to edit one of the ingredients without mutating the original state, we need to first make a copy of the original array. We can do this with the spread operator, or .slice(): Or: Now, we may be tempted …
How to Modify an Object Nested in an Array with React Hooks & Classes 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 »
To export a database in Windows we need to run a file called “mysqldump.exe”. This file is located within the “MySQL” folder, which is inside the “Program Files” folder. The full path is shown below: C:\Program Files\MySQL\MySQL Server 8.0\bin We need to run this file with the Windows Command Prompt or the PowerShell. So we …
How to export MySQL Database on Windows with mysqldump Read More »
Uploading images to an Express server with React is not as hard as it sounds! We are going to go through this tutorial to upload to a local directory on our computer through our local server, but this method can be used in online servers, for example cPanel, to upload files to your remote server, …
How to Upload Images to a Server with React and Express Read More »
I built a site for a client on her server under the url ‘https://mysite.com/wordpress’, but then for production I had to change the url to remove the ‘/wordpress’. The wordpress files on the server were in the directory ‘wordpress’, which was in the root directory, ‘public_html’. So the files were in ‘public_html/wordpress’. I want to …
When gardening, you go to the shed, and in your bucket of garden tools, you see a medium sized garden trowel, and a similar trowel with a pointed nose. You decide you need to bring them both with you to plant your cactus, but was this really necessary? You could have used just one. Similarly, …
Mind of React: Should I Add an Item to State, or a Variable in render()? 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 »
When our room is a mess and we’re tired of cleaning, sometimes we just wave a wand, and everything sorts itself back where it belongs. But the best way for this magic to work is for all the messy items to group together based on what area they’re going to. This way we get lots …
QuickSort: A fascinating algorithm for your immediate array sorting. 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 …