If you use a Javascript bundler - like web pack - and you're creating your production ready JS and CSS it is likely that you will use Post-CSS, CSS Loader etc.. In this tutorial I will go over some basic configurations to enable and disable some def...
In this tutorial, you will learn how to display your Javascript project's code coverage on Github - for free - using Coveralls, like so:
In order to get this up and running you'll need a few things:
1. A Javascript project published to Github tha...
In today's tutorial, you will learn a simple way to add in git pre-commit hooks to your Javascript project, using Husky. Husky is a package that when configured correctly, will enforce that your code runs against a pre-commit check that you can defi...
In this tutorial, you will learn how to create a free continuous integration pipeline into your Github hosted Javascript project using TravisCI. We all know that having a set, despite all the information out there, a lot of teams that I work with ne...
In this tutorial, you will learn how to set-up Visual Studio code to debug your react APP. First, in the extension manager, download the debugger for chrome:
Next, open the terminal. You can open the terminal using (⇧ +`). Navigate to the direc...
When building any project, you may need to talk to some end-point and to get some JSON to display on your webpage. In development, how do you go about this? One option might be to save the JSON to your local disk and then read it in. This approach...
In this tutorial, you will learn some common debugging tips and tricks you can use within Chrome. To become a good developer, you will need the ability to figure out why something isn't working efficiently. I've worked on a team where one developer...
In this tutorial, you will learn how to ensure that the Javascript you write works in any browser. In my last tutorial, I gave an introduction to Babel. With ECMAScript 2015+ came a slew of new features - promises, fetch, arrow functions - all sort...
In this tutorial, you will learn about a useful Javascript tool that will help you build a website that works in all browsers. As any frontend developer will know, writing code that works in all browsers is tough. Back in the days, a good portion o...
In this tutorial, you will learn how to create and publish an NPM package. NPM for those of you living under a rock, or who are new to JS is 'the' package manager for JavaScript. One aim when writing code is to prevent duplication. One way of doin...
