-
How to restrict access using Passport.js role-based authorisation
Learn how to assign roles to your users so as to restrict access to certain parts of your website... Continue Reading
Published
-
How to add Passport.js Facebook Strategy to your website
As part of this mini-series on Passport.js, we look at how to add Facebook strategy to an existing Node Express website... Continue Reading
Published
-
How to add Passport.js Google OAuth Strategy to your website
As part of this mini-series on Passport.js, we look at how to add Google OAuth to an existing Node Express website... Continue Reading
Published
-
How to protect your website using Passport.js and JWT
In the second post in this Passport.js mini-series, we discuss how to set-up Passport.js, JWT, and MongoDB allowing users to register and log in... Continue Reading
Published
-
Build an authentication system using Node.js, Express, and Passport.js
We take a deep-dive look at how to use Node, Express, Passport and JWT to secure your website with using login and registration pages, including role based authorisation... Continue Reading
Published
-
Test Driven Development (TDD) with React, React Testing Library, and Jest
Test Driven Development (TDD) is an essential tool for writing robust code, especially in larger teams, we look at how to get started... Continue Reading
Published
-
Webpack 4 and TypeScript from scratch
Learn how to write your own Webpack configuration, that utilises TypeScript, from scratch... Continue Reading
Published
-
A reference guide of basics of Regular Expressions (Regex) in JavaScript
This is a guide on how to use Regular Expressions in JavaScript for those who need a refresher... Continue Reading
Published
-
10 React.js interview questions (and possible answers)
Interviewing for a developer role does not have to be a stressful experience. Interviewing can be fun. Interviewing can be an opportunity to geek out about the tools and technologies you use every day.... Continue Reading
Published
-
How to configure Webpack Hot Module Reloading (HMR) using Node.js API
Ever needed to configure Webpack Hot Module Reloading (HMR) from scratch using the Node.js API? It's a pain.... Continue Reading
Published
-
The Practical React Developer: Learn By Doing Not-So-Mini-Series
The best way to learn is by doing. This is the start of a not-so-mini series for everything you need to know about building React web applications... Continue Reading
Published
-
Adding the finishing touches to 'Property Finder'
This post focuses on adding the final touches to our 'Property Finder' React.js website... Continue Reading
Published
-
Add advanced filtering to a React app using React Context API
Learn how to add advanced filtering to a React application using Context API, and local state, to dynamically update a list of data... Continue Reading
Published
-
Build a complete property listings page with React.js
Learn how to build a complete React.js application, including Context API, State, and more!... Continue Reading
Published
-
How to export your React project from CodeSandbox to your desktop with Parcel.js
Learn how to quickly take your React project from CodeSandbox to your local with Parcel.js for building your assets... Continue Reading
Published
-
What is React.js, and why use it?
We can use React to build interactive web pages. React encourages building pieces, called components, that are assembled to form a complete page.... Continue Reading
Published
-
How to get started quickly with React
Thankfully there are several ways, with varying degrees of difficultly, to get started with React quickly.... Continue Reading
Published
-
Build a React web app with Parcel.js lightning fast
Learn how to get a React app off the ground quickly with Parcel.js... Continue Reading
Published
-
How to configure SCSS modules for Webpack
SCSS modules are a fantastic way of writing clean, self contained styles, that are usually consumed by components... Continue Reading
Published
-
How to process images with Webpack
Webpack, with various plugins, is fantastic for processing assets, including images. We can configure Webpack to automatically compress and cache-bust our images at build time.... Continue Reading
Published
-
Webpack 4 from absolute scratch
Learn how to write your own Webpack configuration from absolute scratch quickly... Continue Reading
Published
-
A bare bones React boilerplate, featuring Webpack 4, React, Redux, Jest, and Babel 7
Boilerplate and template projects are awesome, however, sometimes they can be quite bloated. This is a barebones starter template.... Continue Reading
Published
-
TypeScript beginners guide
New to TypeScript, have a small about of web development experience? Need to get started NOW?! This is the ultimate TypeScript beginners guide.... Continue Reading
Published
-
Writing AngularJS 1.x with TypeScript
AngularJS is a front end JavaScript framework that has gained huge traction and popularity in the development community. TypeScript and AngularJS tutorial.... Continue Reading
Published
-
Using ES6 features with TypeScript
TypeScript is a transpiler, this allows you to utilize ES6 features today and have them transpiled into ES5, which is fully compatible with legacy browsers... Continue Reading
Published
-
TypeScript Tips and Tricks
The TypeScript compiler is flexible and configurable and has a wealth of flags that can be passed to it to change the transpiled output.... Continue Reading
Published
-
What I learnt from using TypeScript "for real"
I completed my first commercial Greenfield project using TypeScript over plain old JavaScript throughout, and there were some frustrations along the way.... Continue Reading
Published