LATEST TUTORIALS

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...
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...
How To Configure CreateReact App To Work With IE 11
How To Configure CreateReact App To Work With IE 11
In this tutorial, you will learn how to configure CreateReactApp with IE11. IE11 is old and for the majority of projects not supported and rightly so. If you do need to support IE this quick start guide will get you going. Within package.json, fin...
Container Pattern - React Design Patterns Explained
Container Pattern - React Design Patterns Explained
In this tutorial, you will learn all about the container pattern. The container pattern should make your problem solving easier as it will allow you to separate your components in smaller ones. What is the Container Pattern? The aim of applying ...
Difference Between Functional And Class Component Within React
Difference Between Functional And Class Component Within React
There are two types of components you can build within react.js, functional and class components. In this tutorial, you will learn about these two types and by the end, you should feel confident to know when to use each one. Both components has re...
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...
How To Start Using Server-side Lazy Loading On Your React Routes
How To Start Using Server-side Lazy Loading On Your React Routes
In this tutorial, you will learn how you can use react-loadable to enable lazy-loading within your react application. There are several different strategies that can be used with lazy-loading, however, in this tutorial I will focus on lazy-loading ba...
Client-side Lazy Loading With Web-pack And Dynamic Import
Client-side Lazy Loading With Web-pack And Dynamic Import
If you want to improve your Javascript application performance it is likely that you will want to introduce some kind of lazy loading. If something is lazy then it will not be loaded instantly when the page loads. Instead, the lazy code will trigge...
Adding Right-to-left Support Using PostCss
Adding Right-to-left Support Using PostCss
In this tutorial you will learn about a plug-in you can use to help you provide left-to-right support to a Javascript based website. Providing mutti-language support in a site used to be a challenge. Different languages can have different character...
How To Implement Search Within Umbraco 8
How To Implement Search Within Umbraco 8
In this tutorial, you will learn a few techniques that will allow you to perform a simple search within Umbraco 8. Out-of-the-box, Umbraco uses the Lucene search index. Every-time you save or modify a page within Umbraco the search index is updated...
How To Push Data Into Tag Managers DataLayer
How To Push Data Into Tag Managers DataLayer
In this tutorial, you will learn how to debug and test that the analytics event your fire into the datalayer are being triggered correctly. As some quick-background, to get tag manager to work you add the correct script to your webpage. To pass dat...
Why You Should Upgrade To Umbraco 8
Why You Should Upgrade To Umbraco 8
Umbraco 8 was released in mid-2019. With Umbraco 8 came a host of new functionality, the three biggest new business features, language variants, content apps, and infinite editing. Asides from business features, Umbraco 8 also introduced some prett...