What Makes Up A React Component?
What Makes Up A React Component?
In this tutorial, I will walk you through the basic features of a component built with React.js. After reading this you should get a good understanding about how to start building and designing your components using React. import React, { PureCompon[...]
Debugging Clientside Javascript Applications
Debugging Clientside Javascript Applications
Not having a solid understanding about how to debug your code correctly can waste hours of your life. The more time you spend working on useful problems and the quicker you can fix issues, the more legendary developer you will become. The aim of this[...]
Debugging Serverside Javascript Applications
Debugging Serverside Javascript Applications
One of the most essential tools any web developer needs to possess is the ability to quickly and accurately debug some code and find out why it is not behaving the way you want it to. The way you debug will depend on where in the stack your code is r[...]
Good Practices To Consider When Building A Component With React.js
Good Practices To Consider When Building A Component With React.js
In this tutorial, you will learn several takeaways that will help you write better components in React.js. Before we get into the implementation details, it would be good to define what I would consider a badly defined component. First, when you load[...]
Creating A Scheduled Task Within Umbraco
Creating A Scheduled Task Within Umbraco
  In this guide, you will learn how to create a basic scheduled task within Umbraco CMS. Umbraco has a built-in way of handling task scheduling. For one or two simple jobs that run every few hours, the built-in method is a great go-to tool. If you h[...]
Code Snippets To Help You Unit Test Forms Written In React
Code Snippets To Help You Unit Test Forms Written In React
In this tutorial, I share several useful code examples that will help you test your components that incorporate a standard HTML form, written in React.js.  When it comes to building and testing a website, you should aim to have higher test coverage [...]

Get This FREE eBook Now

* indicates required
This field is required.
How To Build A Filterable Search Bar in React
How To Build A Filterable Search Bar in React
In this tutorial, you will learn how to create a simple React search component.  The component will take a collection of data, passed in via props, allow a user to filter those results within a search bar and then the results will be dynamically upda[...]
When To Use A Controlled Or Uncontrolled Form Components Within React
When To Use A Controlled Or Uncontrolled Form Components Within React
In this tutorial, you will learn the difference using controlled and uncontrolled components when creating a form using React.js.  A normal web form will be made up from a number of components, like a textbox to get a user's emails, to a submit butto[...]
how To Iterate Through Arrays And Objects
how To Iterate Through Arrays And Objects
In this tutorial, you will learn how to iterate through a collection of arrays and objects within Javascript.  In any modern day web application, taking back to some API and getting some JSON back that you have to parse is pretty much web development[...]
How To Stop Your Cypress Tests Timing Out
How To Stop Your Cypress Tests Timing Out
On a recent project, we started using Cypress to write our integration tests.  When running the test suite, tests would fail randomly with timeout issues.  In this tutorial, you will learn a few different ways to solve this problem.  Sounds good, the[...]
Performance Tips When Building Components With React Using A Real Wold Example
Performance Tips When Building Components With React Using A Real Wold Example
When building complex dynamic components using React.js, without a bit of awareness, it's very easy to bump into performance issues.  I did quite a lot of work recently with React forms, with dynamic form validation based on the country.  Due to the [...]
How To Easily Add A Social sharing Button To Your Umbraco Website
How To Easily Add A Social sharing Button To Your Umbraco Website
In this tutorial, you will learn how to add social share buttons into your website. When it comes to adding a new feature to your website, you have two options, build it yourself or use something someone else has already developed.  As social platfor[...]