LATEST TUTORIALS

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...
Adding Custom Routing In Umbraco 8
Adding Custom Routing In Umbraco 8
In this tutorial, you will learn how to correctly register custom routes within Umbraco 8. Pre 8 Umbraco used the standard .NET approach to route handling. Within the global.ascx register a Route handler, then somewhere in your codebase, usually 'A...
How To Get A Page in Code Within Umbraco 8
How To Get A Page in Code Within Umbraco 8
In this tutorial, you will learn how to retrieve a CMS page in code using Umbraco 8 and above. Umbraco 8 introduced a big change in the APIs. Gone are the days of UmbracoContext. API access is now done with constructor injection. This article wil...
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...
Introduction To Dependency Injection Within Umbraco 8
Introduction To Dependency Injection Within Umbraco 8
In this tutorial, you will learn how to use dependency injection with Umbraco 8. In Umbraco v8 the whole API model moved away from the older approach a lot of CMS systems used, a global singleton based static helper like this: To a more testable ...