Latest Tutorials

Stylized-Components And React
Stylized-Components And React
In this tutorial, you will learn a new approach to styling React.js components, using styled-components. Styled component is a CSS-in-JS framework. CSS-in-JS is a similar concept to using JSX within React.js. Instead of writing CSS within a CSS or ...
How To Restrict A Page by Role
How To Restrict A Page by Role
In this tutorial, you will learn how to restrict page within Umbraco CMS. If you need to create a members-only area then the main requirement will be to only allow certain people access to certain pages. The good news is that restricting a page can b...
How To Convert A React Pure Component Into A Functional Component
How To Convert A React Pure Component Into A Functional Component
In this tutorial, you will learn how to convert a class component written using react into a functional component. Historically, functional components had a bad press. Functional components used to be less performant than class components. Functio...
Setting Up Redux For Dummies
Setting Up Redux For Dummies
I have used Redux for several years. Each time I try to set a new project up, I always forget how to and spend a good hour cursing. I am dumb. This is my dummies guide to redux. Redux is a useful package you can install from NPM that will manage ...
Yarn Resolutions To The Rescue
Yarn Resolutions To The Rescue
In this tutorial, you will learn how about Yarn resolutions. One benefit of using yarn is that it creates a repeatable and deterministic installation process. When you install your project's dependencies a lock file is generated. When you commit t...
8 Golden Rules For Becoming A Better React Programmer
8 Golden Rules For Becoming A Better React Programmer
Everyone loves a good list, myself included. This guide tells you a list of 10 principles that you can follow that will help you write better React applications Naming Is Very Important A fact in life is that developers spend more time reading cod...
How To Install Episerver CMS And Configure It For Development
How To Install Episerver CMS And Configure It For Development
In this episode, I will walk you through the process of installing Episerver CMS for development purposes. Installing Episerver for development is a little more involved than simply getting the sample site up and running. You will need to configure ...
Event Handling Within Umbraco 8
Event Handling Within Umbraco 8
In this tutorial, you will learn about the new way to hook into the Umbraco events handling pipeline. It is very common that some functionality will require you to perform some additional actions, like adding some validation to a page before it is a...
How To Config Typescript Within A React App
How To Config Typescript Within A React App
The aim of this tutorial is to teach you the steps you need to consider when converting a react application written in Javascript into a react application that supports Typescript. The aim of this tutorial is not to go into the pros & cons. Thi...
How To Research What Framework Or Technology To Learn Next
How To Research What Framework Or Technology To Learn Next
In this episode, you will learn how to do your own research to help you decide what technology or framework that you should learn. This process involves checking what is popular and then checking the market to see how markable that skill is. https:...
How To Build A Blog Using React.js And Gatsby
How To Build A Blog Using React.js And Gatsby
In this tutorial, you will learn about [Gatsby](https://www.gatsbyjs.org/), what it is and how you can use it to create a blog. Most websites you will build are dynamic. Take my career, I have specialized in working with C# content management systems...
Whats It Like To Work In A Digital Agency?
Whats It Like To Work In A Digital Agency?
In this episode, I talk about my life working within a digital agency. During my career, I have spent about half my life working in agencies. There's a reason why I love working in an agency environment so much. If you are looking for a career i...
Handling Errors Within A React Application Using An Error Boundary
Handling Errors Within A React Application Using An Error Boundary
In this tutorial, you will learn about the error boundary pattern. The error boundary pattern is a technique you can apply that will prevent random exceptions taking down the whole page. Speaking from experience, there is nothing worse when someone...