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 …
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 »
Here are some tips for using typography on the web, taken from the book “Effective Visual Communication”, by Bo Bergstöm. Serif vs. Sans-Serif In print, serifs help, on screen, serifs hide. The serifs in fonts create a horizontal path through the text, and give the reader’s eyes a path through the letters to follow. This makes …
