Useful Front-End Boilerplates And Starter Kits

We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too.

Full article

Read More

Mocks, Stubs, or Spies? What's the Difference and When Do I Use Them?

Most developers have probably heard of mocks, stubs, and spies in the world of test doubles. There is often confusion about the difference between the three and when you want to use them. I am here to help clear things up. Stubs are the simplest form of the three test doubles.

Full article

Read More

Temporal: getting started with JavaScript’s new date time API

Clarified how Instant uses the ISO-8601 calendar. Listed the properties of some classes. Date, JavaScript’s current date time API is infamously difficult to use. The ECMAScript proposal “Temporal” is a new and better date time API and currently at stage 3.

Full article

Read More

The 6 Levels of UX Maturity

Summary: Our UX-maturity model has 6 stages that cover processes, design, research, leadership support, and longevity of UX. Use our quiz to get an idea of your organization’s UX maturity. UX maturity measures an organization’s desire and ability to successfully deliver user-centered design.

Full article

Read More

When it comes to career development, what's your habitat?

Last year felt kind of like hibernation. I set down excursions, side projects, and personal goals in favor of going into survival mode. Many of us focused on staying afloat rather than on career development. In April, with spring, came hope.

Full article

Read More

Building WebRTC Video Chat Applications

With the advent of WebRTC and the increasing capacity of browsers to handle peer-to-peer communications in real time, it’s easier than ever to build real-time applications. In this article, we’ll take a look at SimpleWebRTC and how we can use the platform in implementing WebRTC technology.

Full article

Read More

Creating A Multi-Author Blog With Next.js

This article explains how we can connect different types of content in a Next.js application. With this technique, we can add any kind of one-to-one, one-to-many, or even many-to-many relationship to our projects. In this article, we are going to build a blog with Next.js that supports two or more authors. We will attribute each post to an author and show their name and picture with their posts. Each author also gets a profile page, which lists all posts they contributed.

Full article

Read More

Automation Testing Pyramid Today

In this article, explore the familiar concept in software engineering, the automation testing pyramid. Testing pyramid is a familiar concept in software engineering. The model drew greater attention in Mike Cohn’s 2009 book Succeeding with Agile.

Full article

Read More

Multiple Environments With GitHub Pages

This is a “special needs” article but also a general introduction to GitHub Actions. Since the advent of Single Page Applications the requirements for hosting have been reduced to a minimum.

Full article

Read More

Using Partial and Pick for Testing in TypeScript

On my current project, I wanted to write some tests in TypeScript. In these tests, I want to check that some source data was displayed as expected. I ended up finding Partial and Pick Types to be handy. I’ll explain.

Full article

Read More

Feature Flag, What? Why? How?

Velocity in agile development measures the quantity of work a team can accomplish in a sprint. It can be measured in story points, hours or days. The higher the velocity of a team, the more features it delivers, the more value it brings to customers.

Full article

Read More

Image To Text Conversion With React And Tesseract.js (OCR)

Do you have to process data manually because it is served through images or scanned documents? An image-to-text conversion makes it possible to extract text from images to automate the processing of texts on images, videos, and scanned documents. In this article, we look at how to convert an image to text with React and Tesseract.js(OCR), preprocess images, and deal with the limitations of Tesseract (OCR).

Full article

Read More

Using Docker as a Dev Environment with VS Code: Part 1

Docker has become an established, convenient tool for developers who manage complex local dev environments. Testing and running multi-service web applications become easier when each can be containerized and mimic their production environments.

Full article

Read More

Using Docker as a Dev Environment with VS Code: Part 2

In my last post, I covered the basic process of setting up VS Code to allow you to use Docker as a development container. This is sufficient for a simple project. However, your average full-stack web project may require several containers running together.

Full article

Read More

Software Engineering Principles To Live By

Back again, with another off the top shelf; Software principles to recite before bed - literally. Throughout the software engineering lifecycle, practices have come and gone. Those that have stuck and those that have withstood the test of time have been the building blocks of what we have today.

Full article

Read More

Impressions of the LeadDev Together Series From a Junior Dev

After a year of remote work, the consensus among most of my coworkers is that “virtual” and “engaging” are two words that do not belong in the same sentence.

Full article

Read More

21 Handy Chrome Extensions for Google Calendar

If you work on the Web, you will depend a lot on the calender to keep track of project progress, submission deadlines and the likes. For most of us, Google Calendar is a great scheduling tool, mostly because it had been conveniently integrated with Gmail and other Google services.

Full article

Read More

An Alternative Voice UI To Voice Assistants

Voice assistants are currently the most popular use case for voice user interfaces. However, due to the bad feedback loop resulting from voice assistants can only solve simple user tasks such as setting an alarm or playing music. In order for voice user interfaces to really break through, feedback to the user must be visual, not auditive.

Full article

Read More

Create and Deploy a React Dapp to an Ethereum Test Network

This guide will show you how to quickly create and deploy a React decentralized application (dapp). Truffle is a Node.js framework for Ethereum that allows you to build, test, and deploy smart contracts.

Full article

Read More

An End-to-End Guide to Load Testing

If you have a public-facing web application, the odds are you should probably be thinking about load testing. Any tester can (and should) add load testing to their repertoire.

Full article

Read More

How to Use the Socratic Method in Pair Programming

I had a mentor once who was a delight to work with. He was fun and smart and brought great, enthusiastic energy to pairing. But he also approached the collaboration in a way that I had never experienced before, using the Socratic Method in pair programming.

Full article

Read More

Google Web Vitals best practices for single-page apps

Web Vitals is an initiative started by Google to define a common set of quality signals that can help measure user experiences across the web. One of the initiative’s goals is to make it easier for website owners to measure site performance without extensive experience in performance engineering.

Full article

Read More

Adding Voice Search to a React Application

Voice commands are not only for assistants like Google or Alexa. They can also be added to your mobile and desktop apps, offering both extra functionality and even fun for your end users. And adding voice commands or voice search to your apps can be very easy.

Full article

Read More

Discord for Work? Yes!

As we approach more than 400 days of working remotely for Atomic Object, we have tried numerous ways to pair program virtually. It all started with simple Zoom sessions and screen sharing. However, as I joined a project with increased complexity and high demand for pairing, the communication barrier became more significant. Early on, the team tried to work around the barrier by using Discord for work.

Full article

Read More

High Fidelity Pose Tracking with MediaPipe BlazePose and TensorFlow.js

Today we’re excited to launch MediaPipe's BlazePose in our new pose-detection API. BlazePose is a high-fidelity body pose model designed specifically to support challenging domains like yoga, fitness and dance.

Full article

Read More

Top Node.js Development Trends in 2021

Lots of predictions for trends in Node.js for the year 2021 are being assumed by developers across the globe. In the following paragraphs, we are going to explain the expected Node.js trends for this year. Node.

Full article

Read More

Be Smart About Your SMART Goals (And When Not to Use Them)

Have you ever come this close to a goal, only to miss it by a hair? Sure, if it’s baseball, you may have lost the game, but in many cases, there is accomplishment buried inside a failure.

Full article

Read More

Why (and how) GitHub is adopting OpenTelemetry

Over the years, GitHub engineers have developed many ways to observe how our systems behave. We mostly make use of statsd for metrics, the syslog format for plain text logs and OpenTracing for request traces.

Full article

Read More

Journey of Improving React App Performance by 10x

Ever got this “Aw! Snap” on your application? Tried to solve it? Did you just google it and find nothing but a “chrome issue” article? Generally, a simple page refresh would make your application run again.

Full article

Read More

Using Docker Containers for Integration Testing in GitLab

End-to-end integration testing often involves a delicate orchestration of many parts. Fortunately, Docker has simplified this process or at least made it easier to reason about.

Full article

Read More

Serverless Functions: The Secret to Ultra-Productive Front-End Teams

Find and fix web accessibility issues with ease using axe DevTools Pro. Try for free! Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs:

Full article

Read More

7 Steps to Modernize and Optimize Your React App

The nature of the frontend environment and the community, tools and the tech stacks are transforming so fast. These transformations are aimed towards better developer and end-user experience in general. Mindsets are improved as a result of the challenges faced by the developer day-to-day.

Full article

Read More

Design Patterns in JavaScript

When we start developing applications we come across various types of problems. We solve these problems by ourselves or by consulting others. But when our applications grow in size and complexity, it might become difficult to tackle the problems that arise.

Full article

Read More

Automate formatting and fixing JavaScript code with Prettier and ESLint

Linting and pretty-printing your JavaScript code can help you catch errors early, make your code more legible, and improve code quality. However, when you use a formatter (for pretty-printing) and a linter side by side, there can be some friction.

Full article

Read More

Using WebSockets with React Query

How to handle live data using WebSockets together with React Query has been one of the most asked questions lately, so I thought I'd give it a try, play around with it a bit and report my findings. That's what this post is about :)

Full article

Read More

Multi-Region Database Deployments

Deployed in the cloud, our modern applications and services demand an always-on, low latency experience for users no matter where they are on the planet.

Full article

Read More

Are These Six Software Anti-patterns Killing Your Delivery?

Engineers understand that software needs constant care and feeding to avoid inefficient delivery practices. Stakeholders expect timely delivery of their new features and capabilities, and can get frustrated at long delivery cycles.

Full article

Read More

11 Popular Penetration Testing Tools for Web, Mobile and Network

Have you been searching for a penetration testing tool that would best serve your security testing requirements for web applications and networks? Do you want to compare and analyse different penetration testing tools and decide on which one(s) would be best suited for your enterprise? Or are you simply curious to know which tools are out there and what their features are?

Full article

Read More

How (and why) to sign Git commits

Let’s leave everything else aside from a moment… isn’t it oddly satisfying to have a large, green “Verified” badge on your work? 😎 Making a commit “verified”, or to be more precise, signed, is not as hard as you might think.

Full article

Read More

Monitoring containerized microservices with a centralized logging architecture.

Having small specialized services working together to achieve a business goal is better than a giant monolithic service that does everything. That is the core premise of the microservices architecture.

Full article

Read More

Building a React Component Library

In this tutorial, we’ll build a modular React + TypeScript library with documentation, tests, isolated component previews, and much more. Why modular? Modularity is key to a “good library”. It what makes a library easy to maintain, and easy to use.

Full article

Read More

A Thorough Analysis of CSS-in-JS

Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than 50 libraries out there, each of them offering a unique set of features.

Full article

Read More

On the Diverse And Fantastical Shapes of Testing

There's been a recent resurgence on twitter and the like about how teams should divide up their testing efforts. In particular, Tim Bray argues compellingly in favor of taking automated testing seriously. Anyone familiar with my writing will know that I'm very much in agreement with him.

Full article

Read More

Useful VS Code Extensions For Front-End Developers

Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. Recently, we’ve also covered CSS auditing tools, CSS generators and accessible front-end components — you might find them useful, too.

Full article

Read More

Remote Pair Programming with IntelliJ, Eclipse and VS Code

Need a code-focused solution to collaborate across IDEs? Use CodeTogether Being able to remotely collaborate on code with your colleagues has never been as essential as it is today.

Full article

Read More

Software Testing in 2021: Which Way is the Industry Headed?

Last year, due to the pandemic, businesses across all industries were forced to adapt and find new ways to operate remotely, exerting unprecedented pressure on web and mobile apps to stay reliable and perform flawlessly. The need for the highest quality apps put software testing into the spotlight.

Full article

Read More