Real-World Effectiveness of Brotli

One of the more fundamental rules of building fast websites is to optimise your assets, and where text content such as HTML, CSS, and JS are concerned, we’re talking about compression.

Full article

Read More

5 Really Good Reasons to Use Redux Over Context

React Context was introduced a while back but only got traction after React Hooks were rolled out with React 16.8. While Context does solve the problem it was designed to solve, it’s not a go-to solution for global state management, for the following reasons.

Full article

Read More

Everyone Can Now Use Google Meet for Free

With populations around the world either in lockdown and/or following social distancing rules, video chat has suddenly become much more popular. And Google is responding to that explosive uptick in interest by making Google Meet free for everyone to use.

Full article

Read More

Why I stopped using Microservices

I've always been fascinated by APIs. In fact APIs, distributed systems, and web services are the reason why I learned to code. When I started my first job as a frontend junior developer, it wasn't foreign to me to interact with a backend API.

Full article

Read More

100 of the Best Engineers, Developers, Coders, and Entrepreneurs to Follow Online

Jim Rohn famously said that we are the average of the five people we spend the most time with. This applies to work too. Imagine you could surround yourself with people like Bill Gates, James Gosling, Uncle Bob, Elon Musk, Quincy Larson, and other brilliant engineers, developers and entrepreneurs.

Full article

Read More

Why is video conferencing so exhausting?

Ever since the pandemic lockdown began, I’ve video-chatted more than I ever have before. If it’s not Google Meet with colleagues, it’s Zoom hangouts with friends and FaceTime with family.

Full article

Read More

The Cost of Javascript Frameworks

There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript. The combination is very expensive. The thing about JavaScript is you end up paying a performance tax no less than four times: The cost of downloading the file on the network, The cost of parsing and compiling the uncompressed file once downloaded, The cost of executing the JavaScript, The memory cost

Full article

Read More

How to Learn to Code

Software development is an incredibly rewarding skill that can be extremely valuable. It’s remote-work friendly, and no matter where you live in the world, if you get good enough, you can qualify for great paying work ranging from $100k/year — $200k+/year (USD).

Full article

Read More

React Folder Structure in 5 Steps

How to structure large React apps into folders and files is a highly opinionated topic. I struggled for a while writing about this subject, because there is no right way to do it. However, every other week people ask me about how I structure my React projects.

Full article

Read More

Vidact - A compiler to convert React-like apps to VanillaJS

Vidact compiles your React source codes to VanillaJS code with No Virtual DOM ™️. It is similar to Svelte , but unlike Svelte, Vidact does not introduce a new syntax. It takes in pure React-compatible JavaScript (JSX) and outputs plain JavaScript. Vidact currently is in alpha phase and has known limitations.

Full article

Read More

Drastically Simplify Testing on CI with Cypress GitHub Action

Setting up continuous integration server is ... no one's favorite activity. Copying and pasting config YAML or JSON files, pushing code, waiting for the server to reject your commit due to wrong indentation or a missing comma - it is a very frustrating experience, we get it.

Full article

Read More

Coding a SaaS in 2020

Coding a SaaS in 2020 is much different than coding a SaaS 10 years ago. Developers have had a great rush of incredible tools in the past decade to help us build and grow our businesses. There are hundreds of ways to build and grow a SaaS.

Full article

Read More

Recruiting & Coordinating User Interviews with "User Interviews"

User research is critical when validating ideas for a product. But finding participants and scheduling interviews is not as easy as you’d think. People are excited for the results, but they don’t understand all the tasks involved in the upfront recruiting.  

Full article

Read More

CSS for internationalisation

I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day.

Full article

Read More

Getting Started with Sanity.io - A Headless CMS You Can Customize

If you're looking for a headless CMS with amazing features and tons of customization, look no further than Sanity.io. I recently migrated my personal site from embedded Markdown files to Sanity, and it's been a great experience so far. So, I figured I would share what I learned with you.

Full article

Read More

7 Major JavaScript Concepts Explained Simply

The purpose of lingo is to encapsulate a particular idea into a nice and compact word. However, meaning is lost if you don’t understand what the word means. In the dev world, more advanced topics are often out of reach and often times discouraging for new developers.

Full article

Read More

Implementing Skeleton Screens In React

13 min read React, Tools, Techniques Share on Twitter or LinkedIn In this tutorial, you’ll learn what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and cons. We’ll build a YouTube-like skeleton screen UI using React Loading Skeleton.

Full article

Read More

Build a Secure Serverless Function with Netlify

In this tutorial, you will learn to build serverless functions with the JavaScript language, deploy them to Netlify, and secure them using Okta.

Full article

Read More

7 Git Commands You May Not Know

GitHub recently went free for teams which is great news for all devs. We all have our everyday Git commands that we use over and over. But what if I told you there are some lesser known Git commands that may make your life easier.

Full article

Read More

What is the JAMstack and how do I get started?

JAMstack sites are all the rage right now in the web dev world. And rightfully so! But what exactly is it and how can we all take advantage of its benefits? To start, JAMstack is a software architecture and philosophy that adheres to the following components: Javascript, APIs, and Markup.

Full article

Read More

Creating web apps via TypeScript and webpack

This blog post describes how to create web apps via TypeScript and webpack. We will only be using the DOM API, not a particular frontend framework. The repository ts-demo-webpack with the files can be downloaded from GitHub.

Full article

Read More

Strategies for migrating to TypeScript

This blog post gives an overview of strategies for migrating code bases from JavaScript to TypeScript. It also mentions material for further reading. We can support a mix of JavaScript and TypeScript files for our code base.

Full article

Read More

Profiling React.js Performance

Today, we'll look at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental Interaction Tracing API and measuring custom metrics using the User Timing API. For demonstration purposes, we'll be using a Movie queueing app.

Full article

Read More

The Art of Humanizing Pull Requests (PR’s)

It is a request for changing code in a repository. Once you make changes you need in your code, you submit a PR. Once submitted, interested parties will perform a code review and provide you with any feedback/changes needed.

Full article

Read More

Functional Programming Basics Before You Learn React - The What - Part 1

This series of articles will give you an understanding of functional programming to serve as a foundation for your React knowledge. You will learn the what and how of functional programming in JavaScript, but also be provided with transferable skills for other frameworks and languages as well.

Full article

Read More

Performance Best Practices: Running and Monitoring Express.js in Production

What is the most important feature an Express.js application can have? Maybe using sockets for real-time chats or GraphQL instead of REST APIs? Come on, tell me. What’s the most amazing, sexy, and hyped feature you have in your Express.js application?

Full article

Read More

Best Practices With React Hooks

12 min read React, Tools, Techniques Share on Twitter or LinkedIn This article covers the rules of React Hooks and how to effectively start using them in your projects. Please note that in order to follow this article in detail, you will need to know how to use React Hooks.

Full article

Read More

VS Code v1.44 Adds a Git Timeline View

VS Code has had consistent, monthly updates and improvements. It's a big reason why so many developers are using the lightweight and smart editor. The update is no different; it brings a useful feature called Timeline View.

Full article

Read More

JavaScript Picture-in-Picture API

As a huge fan of media on the web, I'm always excited about enhancements to how we can control our media. Maybe I get excited about simple things like the

Read More

GitHub sharply slashes plan pricing, offers core features for free to all

Software hosting and version-control platform GitHub has made some sweeping changes to its plans and offerings, extending free service to far more teams and users than before while slashing prices for access to some key features by half.

Full article

Read More

3 Tips to Write Better React Components

One of my tasks for this sprint was to implement a new feature in a very complicated form, with dynamic questions and a logic to jump between them. I estimated five hours for this task. The only change I needed to do was to add an extra validation at the moment to send.

Full article

Read More

The Wisdom of Asking, "What Did I Expect?"

What did you expect? If you run a rush delivery company, expect that the customers will be rushed. If you run a health food restaurant, expect that your customers will care about the ingredients you use. If you run a preschool, expect that your users will act like little children at times. If you offer urgent consulting services for clients in trouble, expect that they’ll be stressed and want you to work all night. Sometimes, we get what we expect and still complain about it. It’s a feature, though, not a bug.

Full article

Read More

Create Your Free Developer Blog Using Hugo And Firebase

In this tutorial, I’ll demonstrate how to create your own blog using Hugo and deploy it on Firebase for free. Hugo is an open-source static site generator and Firebase is a Google platform that offers resources and services used to augment web and mobile development. If you’re a developer who does not have a blog yet but is interested in hosting one, this article will help you create one. To follow these steps, you need to know how to use Git and your terminal.

Full article

Read More

Organising Your React Application

When you start coding a new application, there is always a big question on how to organise it. I am going to describe to you the ideal file structure with best practices that can be used in almost any scenario and its easy to work with.

Full article

Read More

Code Review Guidelines for Humans

Posted on Jul 31, 2018. Updated on Oct 16, 2019 Code reviews are powerful means to improve the code quality, establish best practices and to spread knowledge. However, code reviews can come to nothing or harm interpersonal relations when they are done wrong.

Full article

Read More

Building dark mode on Stack Overflow

On March 30, 2020, we enabled folks to opt into a beta dark mode on Stack Overflow. Let’s talk about the work that went into it. I’m Aaron Shekey, Stack Overflow’s principal product designer on design systems. I help design all the interface components that get assembled into new features.

Full article

Read More

Using Tailwind CSS with Create React App

I’ve been hearing a lot about Tailwind CSS lately and I wanted to give it a try, but I wanted to combine Tailwind with Create React App. In this post I’ll show you how to use Create React App with Tailwind CSS in just a couple quick minutes.

Full article

Read More

Smoothing the Design Handoff with a Component Library

If your team is like many of the teams we work with, you’ve implemented a component library, but you’re finding that things aren’t working as smoothly expected. Component libraries alone can do the job for a small, highly-skilled implementation team.

Full article

Read More

?? JavaScript's Null Coalescing Operator

This year ECMAScript 2020 (ES2020) will be released! Since ECMAScript 2015 (ES6) was released in 2015, we have gotten yearly updates to the JavaScript language. In ES2020, we are getting a feature that has been available in other languages like C# and PHP: null coalescing operator.

Full article

Read More

🎯 Using Regular Expressions in JavaScript

Regex is hard; we all agree. But it's usage is inevitable at the same time. The core purpose of the regex is matching patterns. We don't need the same info every time we match the patterns.

Full article

Read More

JavaScript ES2020 Features With Simple Examples

JavaScript ES2020 Features With Simple ExamplesThe latest in JavaScriptToday, we’re going to look at ECMAScript features from 2015:ES2015 a.k.a. ES6ES2016 a.k.a. ES7ES2017 a.k.a. ES8ES2018 a.k.a. ES9ES2019 a.k.a. ES10ES2020 a.k.a.

Full article

Read More

The JavaScript Beginner's Handbook (2020 Edition)

JavaScript is one of the most popular programming languages in the world. It can basically do anything. It's so popular that everything new that shows up is going to have some kind of JavaScript integration at some point.

Full article

Read More

Best Zoom alternatives for video call and conferencing

Currently, majority of the world is communicating and staying in contact via Internet due to COVID-19 pandemic. In this scenario, Zoom app has emerged as one of the most popular communication platforms for educationists and professionals to continue work online, as an effort to bring some normalcy to lives in quarantine. However, with popularity comes scrutiny.

Full article

Read More

Building A Web App With Headless CMS And React

This article introduces the concept of the headless CMS, a backend-only content management system that allows developers to create, store, manage and publish the content over an API. It gives developers the power to quickly build excellent user experiences, free from the worry of its impact on the back-end business logic.

Full article

Read More

Detect git Directory with Bash

One interesting aspect of working at Mozilla is that Firefox lives in a mercurial repository while several other projects live on GitHub in a git repository.

Full article

Read More

Telegram Bot for GitHub Actions

Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed. It is free to use and extensively hackable. It also has a good bot support system. The API is also easy to implement and has many wrappers for building bots with the API.

Full article

Read More

The System Design Primer

Learning how to design scalable systems will help you become a better engineer. System design is a broad topic. There is a vast amount of resources scattered throughout the web on system design principles. This repo is an organized collection of resources to help you learn how to build systems at scale.

Full article

Read More

Handling Access and Refresh Tokens using Axios Interceptors.

Axios is a promise-based HTTP client which is written in JavaScript to perform HTTP communications. It has one powerful feature called Interceptors. Axios interceptors allow you to run your code or modify the request and/or response before the request and/or response reaches their destination.

Full article

Read More

Version 9.1 of Angular Now Available

We just released Version 9.1 of Angular. This is a minor release of the framework and the CLI that is a drop-in replacement for 9.0 containing new features and bug fixes. Today, the Angular libraries you use are made compatible with the Ivy compiler via our ngcc tool.

Full article

Read More

How We're Holding our Daily Company Standup Remotely

Every workday at 10 a.m., Atoms gather for a company standup meeting. We stand in a big circle, sharing updates on current projects, company milestones, or social events. We also use this time to present Protons & Neutrons. Afterward, we all take a big stretch and go about our day.

Full article

Read More