Image for post
Image for post

Unit testing is now rightly accepted as an integral step of software development. Software reliability feeds directly into business sustainability for many companies: broken software can tarnish a business’ reputation, cause major disruption for customers, and cost a business a lot of money.

Particularly as component-based software has become standard, the impact of broken code can be widespread and not limited to only one feature. A high degree of test coverage for an application is very important. One approach to unit testing is Test-Driven Development.

The basic idea behind Test-Driven Development is that unit tests are written before a piece of code is written. …


UI Performance has the potential to be the primary factor in determining UX quality, and thus growing or hurting your business. For many web applications, it can be where costs gather as the application evolves and is enhanced in other ways. Most UI libraries and frameworks that have been launched over the past number of years have reflected serious efforts by their developers to address common UI performance challenges, with varying degrees of success. React has succeeded in providing extremely effective solutions to these technical — and indeed business — problems.

React Logo
React Logo

Included within the release of React version 16.6.0 was such an attempt at improving performance in a very innovate way: Suspense. Announced by Dan Abramov at JSConf Iceland 2018, Suspense was described by him in the following…


Many large-scale enterprise applications — both internal and external — require a substantial amount of form handling. It acts as the means by which users provide the data that feeds into the engine of a system and which can later be analysed in such a way that reports are innovatively generated and presented to stakeholders or customers for various purposes.

Image for post
Image for post

From a UX/CX and business point of view, it is important that form handling is achieved in such a way that users are content to provide a complete and accurate set of data in a trusting and timely manner and without frustration or difficulty. Failure to ensure this may result in a user providing the bare minimum (or even worse, inaccurate) information in order to get through the form stages as quickly as possible. …


Recently, having placed the idea on the back-burner for a long time, I finally decided to delve into the emerging world of CSS art. Whilst it would utilise the many features that are offered by CSS3, their application would be somewhat different from the day-to-day usage of building modern and innovative user interfaces. The result of my foray into this world is shown below (and can be seen at this URL: www.markbokeeffe.com/peeping-tom).

Image for post
Image for post

Some Background

I have been working with CSS for many years: first of all as a Web Developer and then later as a Front-End Developer. As front-end technologies have evolved, so too has the role of CSS. In the earlier years, CSS tended to be used mainly for layouts and minor visual enhancements. Designs were often implemented mostly through the use of .jpg or .png image files, either as HTML img elements or as CSS background-image values. CSS sprites were popular and were widely used to create artistic back-drops to pages or elements on a screen. The result was that a standard static website could be enormously large in terms of file size, due to a large extent to the number of image files that were used to implement the design. …


Since the arrival of React v16.6.0 in October of 2018, some new and exciting features have created the potential for React developers to choose differently between the use of Functional and Class Components. Up until this point, the natural choice between the two would typically hinge upon whether there was a need to access state within the component, or perhaps if there was a need to use PureComponent to refrain from unnecessary re-rendering to the DOM. If either of these was deemed to be required, then the choice would be for a Class Component over a Functional Component. This would be despite the fact that Functional Components are typically easier to read and test (I recommend Kent C. …

About

Mark O'Keeffe

JavaScript Enthusiast and Professional

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store