Comparing Static Site Generator Build Times

There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade through the (popular) options, they don’t magically make the decision easy.

Full article

Read More

Making Sense of the JS Framework Benchmark

You've heard about a new library and you've decided you want to look into. Perhaps you need to make a decision on technology you haven't had a chance to use yet. You've read some articles, seen some endorsements on social media, but now you need to quickly get to the core of the matter.

Full article

Read More

Code Isn't the Only Solution; and 8 Other Dev Lessons, 7 Years Later

I'm working as a software developer for 7 years. You can read my background and how I got into the industry here. There are a few things I wish I learned earlier. Knowing these in advance would have made my job a lot easier. Some of this might sound pretty obvious, but not for me.

Full article

Read More

Introducing: The Async Cookie Store API

TLDR: The Cookie Store API is a new browser API built to expose cookies to service worker and offer an asynchronous alternative to document.cookie. It’s available in Chrome Browser starting from version 87. Are you sick and tired of weird ways to get cookies fromdocument.

Full article

Read More

Optimized media loading using Web Workers

It’s 2020, and we have certainly had more than our fair share of problems this year. Yet a consistent problem developers have been facing for decades is how to efficiently load media into a web application.

Full article

Read More

15 RxJS *Awesome* Tips from 15 Sentinels

RxJS is by far the hottest library for reactive programming in the web for the past few years. It is built on fascinating concepts and paradigms which are worth digging into that aren’t in scope of this post (what is “reactive”, “declarative”, functional programming concepts and more..).

Full article

Read More

Effective Code Reviews: A Primer

Peer code reviews have increasingly been adopted by engineering teams around the world. Here are 6 tips to make the process better for teams. Peer code reviews as a process have increasingly been adopted by engineering teams around the world.

Full article

Read More

Gzip to Brotli: Better Frontend Load Performance with Simple Changes

Compression methods have been widely used to increase the performance of web applications. Gzip is the most popular among them. Recently another compression method named Brotli came into the picture, and it seems to become a good rival for Gzip.

Full article

Read More

An Easier Way to Generate Recoil Tests ft. Chromogen

You’re a developer working on a Recoil application, and you want to write unit tests to ensure reliability and prevent regression. These tests should reflect how users interact with the application to guarantee each line of code is performing how it should.

Full article

Read More

Web Push Notifications, a Proof-of-Concept

In response to COVID-19 work on traveler notifications, Egencia® setup an internal proof-of-concept on web push notifications. Keep in mind Safari® does not support web push notifications but all other browsers do.

Full article

Read More

How to log user activities using the Beacon Web API?

The Beacon API is a relatively unknown, lightweight, and efficient way to log web page activities to a server. It is a JavaScript API that helps the developer to send a small amount of data such as, analytics or tracking information, debugging, or diagnostic data from the browser to the server.

Full article

Read More

What’s New In Create React App 4

Create-React-App allows us to scaffold new React applications. It’s an incredibly useful tool for building React applications. It keeps all of our dev dependencies like webpack, ESLint and babel inside of react-scripts.

Full article

Read More

Node.js v15.0.0 is here!

This blog was written by Bethany Griggs, with additional contributions from the Node.js Technical Steering Committee. We’re excited to announce that Node.js 15 was released today. Node.js 15 replaces Node.js 14 as our ‘current’ release line, with Node.

Full article

Read More

Implement Code Splitting in React

By using tools such as _Webpack_ or _Browserify_, React applications are bundled. Bundled means that the files inside your application are imported and merged into one file. This way, when you import your application in a webpage, you only need to import one file.

Full article

Read More

Business Operations - Tech Stack Details

We use Avalara to automate and manage all of our sales tax compliance obligations. Bizible is our marketing attribution software that allows for connecting marketing and sales touch points over a prospects or customers lifecycle directly to revenue.

Full article

Read More

Managing Long-Running Tasks In A React App With Web Workers

20 min read API, Apps, Tools, React Share on Twitter or LinkedIn In this tutorial, we’re going to learn how to use the Web Worker API to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages Web Workers.

Full article

Read More

Micro frontends with Module Federation and Webpack 5

The release of Webpack 5 delivered something special besides performance improvements like improved tree-shaking and persistent caching across builds - an architectural possibility called Module Federation.

Full article

Read More

How to Maximize Reusability for Your React Components

React is a popular library that developers can use to build highly complex and interactive user interfaces for web applications. Many developers that utilize this library to build their apps also simply find it fun to use for many great reasons.

Full article

Read More

Build an Authenticated JAMstack App with Next.js, Airtable, Tailwind CSS, and Auth0

Next.js makes building Full-stack applications in the JAMstack much easier, but there's still a few pieces to figure out. Where are you going to store data? How are you handling authentication? Well, here's how we are going to put it all together.

Full article

Read More

What’s New in Webpack 5

The fifth major webpack release was released yesterday. Almost two years since the last major release (4), this release brings a lot of changes to the most used module bundler in the JavaScript ecosystem.

Full article

Read More

The power of Strapi - Building Web Application has never been easier

For us, developers, starting a new web project can be a tedious job. It raises questions like: Because nowadays all Javascript technologies like React, Angular and Vue are very popular for building Web applications, so we can get an answer for the first question very fast.

Full article

Read More

How to Prevent Pasting into an Input

Every once in a while I get to a website that doesn't allow me to paste into a form input. In most cases it's something to do with login credentials (username and or password) and auth codes. So how are they preventing me from pasting information? It's as easy as you'd think!

Full article

Read More

Measuring Site Reliability

We have all been in the Dev vs. Ops world where the Dev and Ops teams had different objectives, rules, and priorities. Most of the time, they opposed each other because one’s interest was the other’s problem. Now we have DevOps.

Full article

Read More

Environment Based Dead Code Elimination in Angular

There are times when we may want to run a piece of code only in either development or production mode. It can be something small, like logging some data to the console, or something much bigger, like loading an entire library.

Full article

Read More

🗃 Local Storage vs. Session Storage

This article will cover the concepts of localStorage and sessionStorage, the differences between the two, and the main methods used when working with them. The nice part about these storage options is that they are pretty straightforward to use once you learn the API.

Full article

Read More

Supercharge Testing React Applications With Wallaby.js

Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time feedback on your JavaScript tests in your code editor even before saving the file. You will also learn how to use Wallaby.js for testing React applications.

Full article

Read More

Frontend Architecture at Scale for Large Organizations

Hi! I want to discuss with you how to manage Frontend architecture in large organizations. It feels to me that there are not many articles about this topic and it is not explained well. By large organization in this article, I mean companies, in which the number of front-end engineers starts to be bigger than 15 and the company has at least multiple frontend projects.

Full article

Read More

The Rise and Fall of a Senior Developer

A slightly ironic look at realities of hiring in IT. True story based on own experiences, discussing a controversial issue of programmer's rank and seniority, with lots of rants and code samples for entertainment.

Full article

Read More

How I structure React apps

Structuring an app is like building a house 🏡 There are many decisions to make, many views, many perspectives. Folder structure also plays a vital role. The mind is flooded with questions like where this folder/file should reside? Which place it should go to? What should be the name of the folder, file, component, hook or context?

Full article

Read More

Cumulative Layout Shift in Practice

Cumulative Layout Shift (CLS) is a user experience metric that measures how unstable content is for your visitors. Layout shifts occur when page content moves after being presented to the user. These unexpected shifts can lead to a frustrating visual and user experience, such as misplaced clicks or rendered content being scrolled out of view.

Full article

Read More

Review of Chakra UI

Chakra UI is a modern component library for React created by Segun Adebayo. It provides a set of accessible, reusable, and composable React components that you need to build front-end applications. Its simplicity, modularity, and accessibility make it powerful.

Full article

Read More

Using Service Workers with React

If you use React for front end development, chances are that you have heard of service workers. If you are not sure what they do, or how to configure them properly, this beginner’s guide to service workers in React should serve as a good first step in creating feature-rich, offline experiences in React.

Full article

Read More

1-on-1 Meetings: More Important than Ever

In normal times, having regular 1-on-1 meetings with your direct reports is important. In this socially distant era, these connection points are essential. As a manager, you are the most vital link between your direct reports and the organization.

Full article

Read More

Epic React: Javascript You Need To Know For React

Welcome to the second article of the Epic React series which is based on the workshop material from EpicReact.Dev by Kent C Dodds. In the previous article, you looked at the different topics that are going to be covered in EpicReact.Dev workshop.

Full article

Read More

An introduction to Webpack Code-Splitting, Loadable/component, and Resource Hints

So, you have a React application, understand the performance and therefore usability benefits of splitting the code you ship to your users into multiple smaller bundles (chunks) rather than one large bundle, and have heard of Webpack ‘dynamic imports’ but are not quite sure how to go about using

Full article

Read More

Tree-Shaking Problems with Component Libraries

Whether you like it or not, Webpack is endemic to modern front end applications. It’s an incredible tool, building on the legacy of Grunt, Gulp and others, and making the tools and progress that fuelled the JavaScript renaissance — like Babel and ES6 — accessible to everyone “to just build apps”.

Full article

Read More

The Red Flags on Your Resume

This week I left a comment on the React subreddit that critiqued a resume that was posted. It got a lot of upvotes. Apparently, swyx thinks it might be the most upvoted comment on the sub. Since there seems to be some interest in this, I thought I’d expand and turn it into a blog post.

Full article

Read More

Announcing MobX 6

Time flies, and it has been 5.5 years since the first commit to MobX was made to build Mendix Studio. In those years MobX has been adopted by well-known Software companies like Microsoft (Outlook), Netflix, Amazon and, my personal favorite, it runs in the Battlefield games by EA.

Full article

Read More

How to Get Started with Github’s New Docker Container Registry

GitHub recently released the GitHub Docker Container Registry, a competitor to the default Docker Hub that allows you to privately store Docker images in the cloud. It functions as an extension of GitHub packages, and integrates with their existing CI/CD tooling.

Full article

Read More

15 React Interview Questions with Solutions

React’s popularity shows no sign of waning, with the demand for developers still outstripping the supply in many cities around the world. For less-experienced developers (or those who’ve been out of the job market for a while), demonstrating your knowledge at the interview stage can be daunting.

Full article

Read More

GIT Tips and Tricks to Improve your GIT Workflow

The Git system is a powerful tool for tracking source code changes. Commonly used by developers and programmers across the globe, gaining a familiarity with this technology is a great asset to have. This article covers a number of tips and tricks to help improve your Git literacy and workflow.

Full article

Read More

19 things I stole from great developers

Is a code refactoring rule of thumb to decide when a replicated piece of code should be replaced by a new code/procedures/methods. It states that you are allowed to copy and paste the code once, but that when the same code is replicated three times, it should be extracted into a new procedure.

Full article

Read More

Jotai — Simple State Management for React

Jotai is a simple, no library for state management in React.js. It works similar to useState Hook, which makes it very easy to use. It is also TypeScript friendly and can be set up in seconds. Let’s get started and install Jotai first.

Full article

Read More

Micro Frontend Architecture: Import chunks from another Webpack bundle at runtime

Update: This project is being rewritten and will be incorporated into Webpack 5! Module federation — The Javascript equivalent of what Apollo did with GraphQL. Multiple Webpack builds work together as…

Full article

Read More

TypeScript to WebAssembly: The What, The How And The Why

Assembly and assembly-like languages are very powerful in the sense that they allow for fantastic performance given how close they are to their execution environment (i.e the Virtual Machine they run on and so on), but at the same time, they usually lack everything we love about programming languages: the actual high-level abstractions such as IF statements, FOR loops, CLASSES and what not.

Full article

Read More

My favorite Tech RSS Feeds

RSS once was the way to gather all the news you are interested in, in one place. Like a Facebook feed, but entirely managed by yourself. Over the past decade I maintained a pretty solid list of feeds for various topics.

Full article

Read More

How to Replace Redux with React Hooks and the Context API

The most popular way to handle shared application state in React is using a framework such as Redux. Quite recently, the React team introduced several new features which include React Hooks and the Context API.

Full article

Read More