Linux Tutorials

Ubuntu files on Windows 10

Where does Ubuntu File system live? After you install the Ubuntu package on Windows 10 it is not that easy to locate where the file system is living. The subsystem acts differently to a traditional virtual machine where you can control locations upon initial config. But because it is a subsystem the integration with Windows and the filesystem is seamless and takes alot of the pain out of setting up a virtual machine and way…

Continue reading

Linux Tutorials

Virtual Sites – Apache Ubuntu Windows 10

Apache is up and running. Now we need to set-up multiple sites (virtual hosts) on Apache2. Below we walk through a baseline vhost file and set-up. Edit the apache config file, I am a huge fan of nano, but you can easily use vim or another. If you new to text editors in Linux Nano is a nice simple easy to use interface https://wiki.gentoo.org/wiki/Nano/Basics_Guide Add the below lines to the bottom of the conf file. For…

Continue reading

Tutorials

Overview of React

React is really easily explained as a JS library for creating User Interfaces, so React is always just part of your technology stack. React is really good at building single page apps but unlike Angular you need to add libraries to React such as React Router to handle routing. JSX React is written in JSX so due to not all browsers supporting it we need to include babel which is used to compile the JSX…

Continue reading

Tutorials

webpack Stats Data

If you have not heard of or used webpack stats data command before then it is time to take a look into it. The command generates a JSON file which contains detailed information and statistics about the modules used within the application. Stats Data command is an invaluable tool to try to understand and analyse an applications dependencies graph which is the most handy tool we can have when doing any deep level application debugging.…

Continue reading

Tutorials

JavaScript Debugging

I thought I would put together some small notes around debugging Javascript in the Browser. Linters Yes Linters have nothing to do with the browser, however to discuss JavaScript Debugging in 2019 it is impossible not to start with Linters. Why Linters? Well for starters when I started coding for the web there was nothing like linters that existed. This meant that alot of your errors where simple ones that could have been picked up…

Continue reading