Using Newman In Nodejs

Few weeks ago we looked into automating Postman collection run using Newman CLI. On top of using the CLI directly, Newman can also be used in a NodeJS application which makes it very versatile to create tools for testing.

Full article

Read More

Mirage JS Deep Dive: Understanding Factories, Fixtures And Serializers (Part 2)

In the previous article of this series, we understudied Models and Associations as they relate to Mirage. I explained that Models allow us to create dynamic mock data that Mirage would serve to our application when it makes a request to our mock endpoints. In this article, we will look at three other Mirage features that allow for even more rapid API mocking. Let’s dive right in!

Full article

Read More

The Fastest Google Fonts

For the most part, web fonts nowadays are faster than ever. With more standardised FOUT/FOIT behaviour from browser vendors, to the newer font-display specification, performance—and therefore the user—seems to have been finally been put front-and-centre.

Full article

Read More

Add granular role-based access to your JAMStack app

Say you’ve got a JAMStack app with authentication. Works great, loads fast, some pages need login. That part’s easy with something like useAuth, a manual integration with Auth0, or any number of 3rd party providers.

Full article

Read More

Raspberry Pi 4 Gets Its 8 Gigs

What began as a rumor becomes reality. This morning [Eben Upton] announced that the newest flavor of the Raspberry Pi 4 comes with 8 gigabytes of RAM and a sticker price of $75, roughly twice that of the base model which is now pegged at 2 GB of ram.

Full article

Read More

Rollup vs. Parcel vs. webpack: Which Is the Best Bundler?

Recently I was publishing a library to npm and I thought of experimenting with the bundler I was going to package my code in. While webpack has always been my standard choice, I decided to put it up against two other popular bundlers — Rollup and Parcel.

Full article

Read More

useStatus: A Custom React Hook for Managing UI States

Handling UI states can start to make your template crowded and littered with variables. A recent talk I heard regarding State Machines inspired me to create a hook that helped me handle some issues that I constantly found myself running into.

Full article

Read More

Text To Speech In 3 Lines Of JavaScript

But if you're not in a hurry, this article explains everything you need to know about converting text to speech (spoken words) on the web with JavaScript.

Full article

Read More

Gatsby won against Next.js in this head-to-head

With the ongoing Covid-19 pandemic and social distancing measures, many events have been forced to migrate to online virtual events. I’m a software engineer at Antler, which runs a global startup generator program that usually runs multiple in-person Demo Day events a year that showcase around a dozen new startups, and we faced the same situation.

Full article

Read More

State of Microfrontends

Originally published at Bits and Pieces. One of the more controversial topics in frontend web dev is microfrontends. Are they worth it? Should you really split up your application? Do you really need to use this now?

Full article

Read More

The Role of an Architect on a Scrum Team

None of the Agile, Lean, or Scrum principles have a formal definition of responsibilities for a Software Architect. Some companies take it to the extreme and not hire a architect at all. Others that do hire one are not clear on architect’s role within the agile context.

Full article

Read More

Managing States with Recoil in React Applications

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone while being compatible with the newest features of React.

Full article

Read More

Building large scale react applications in a monorepo

A monorepo can be described as a repository that contains more than one logical project. These projects can be unrelated, loosely coupled or connected by dependency management tools, they are usually large in size, number of branches, commits and working developers.

Full article

Read More

The New Windows Terminal Is Ready; Here’s Why It’s Amazing

Microsoft’s new Windows Terminal is finally stable. Windows finally has a more modern terminal environment including features like tabs, split panes, multiple session types, and settings that let you configure everything from keyboard shortcuts to animated GIF backgrounds.

Full article

Read More

React + Docker with Security in 10 Minutes

You've built a React app, but now you need to deploy it. What do you do? First, it's probably best to choose a cloud provider as they're typically low-cost and easy to deploy to. Most cloud providers offer a way to deploy a static site. A built React app is just JavaScript, HTML, and CSS.

Full article

Read More

Setting TypeScript For Modern React Projects Using Webpack And Babel

32 min read React, Tools Share on Twitter or LinkedIn This article introduces Typescript, a superscript of JavaScript that presents the static type feature for spotting common errors as developers codes, which enhances performance, hence results in robust enterprise applications.

Full article

Read More

Make a Stellar React + NASA App in 10 Minutes

One of the most stellar open API's out there is the NASA Astronomy Picture of the Day. In today's article, we are going to mess around with that API and build an application that displays the photo of the day, the title of that photo, the current date, and some information about the picture.

Full article

Read More

A comprehensive guide to JavaScript design patterns

As a good JavaScript developer, you strive to write clean, healthy, and maintainable code. You solve interesting challenges that, while unique, don’t necessarily require unique solutions.

Full article

Read More

In defense of the modern web

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over; React users; the old guard with their arti

Full article

Read More

My React components render twice and drive me crazy

Many frontend developers who use modern React, have been pulling their hair out from time to time trying to figure out why their components render twice during development.

Full article

Read More

How CommonJS is making your bundles larger

In this post, we'll look into what CommonJS is and why it's making your JavaScript bundles larger than necessary. Summary: To ensure the bundler can successfully optimize your application, avoid depending on CommonJS modules, and use ES2015 module syntax in your entire application.

Full article

Read More

When does React re-render components?

React is known for providing a fast user experience by only updating the parts of the UI that have changed. When looking into React's render performance, there are a few terms and concepts that can be hard to understand.

Full article

Read More

6 Concepts to Master to be an Angular Architect

Angular is one of the biggest frameworks around: it provides a lot of features out-of-the-box, which means there are quite a few concepts to be able to master if from top to bottom.

Full article

Read More

Jazz Up Your “ZSH” Terminal In Seven Steps

In this blog I’ll cover installing ITerm2, ZSH shell, “oh my ZSH”, Themes, ITerm2 color schemes, “oh my ZSH” plugins and enable “ligature” support to help create a beautiful and powerful Terminal.

Full article

Read More

A new way to file upload in React

File uploading from the browser isn’t new. It’s been with us for a long time now. There are also plenty of projects and libraries aiming to help web applications that require this kind of functionality. Yet, there aren’t many that encompass all you need in one place.

Full article

Read More

TypeScript at Slack

When Brendan Eich created the very first version of JavaScript for Netscape Navigator 2.0 in merely ten days, it’s likely that he did not expect how far the Slack Desktop App would take his invention: We use one JavaScript code base to build a multi-threaded desktop application, routinely interacting with native code, targeting Windows, macOS, and Linux.

Full article

Read More

Facebook Engineering

Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain.

Full article

Read More

Write clean(er) Components & JSX

A component that expects a prop (user) and can’t do anything without it, yet that property isn’t required and the default value is set to {} to avoid some Cannot access property 'name' of ... errors.

Full article

Read More

5 Best Practices for writing clean JavaScript

When writing our apps, we often tend to overlook the simplest principle when it comes to coding: maintaining a clean and readable source code. You probably heard the phrase of spaghetti code before. Meaning the codebase is hard to maintain, read or even decipher.

Full article

Read More

What the heck is React Fast Refresh

React Fast Refresh is the successor of React Hot Loader. It is fully supported by the React team and was initially shipped alongside React Native 0.6.1 back in 2019. The actual plan is to make it available eventually for the whole ecosystem since the core implementation is platform-agnostic.

Full article

Read More

How to get started testing React applications

All of this testing thing is like I’m in a maze! If you don’t have experience writing tests, getting started can be daunting. Especially if you’re trying to test code that interacts with a framework/library like it is when you’re testing a React application.

Full article

Read More

5 Awesome React Packages You Need To Try Out

I think we all know by now that static pages and server side rendering with technologies like Gatsby & Next.js are pretty handy for React. Pages that don’t require client-side rendering, which is the standard for React.js, tend to perform much better & are said to have SEO benefits.

Full article

Read More

Checking In On Relatives Using Old Android Tablets

With social distancing it can be harder to stay in touch with our relatives, especially those who are elderly and not particularly tech-savvy. Looking for a solution to that end for his own grandmother, [Steve] came up with the idea of using an inexpensive used tablet and a mobile data plan in order to mail her a “video phone” that works out of the box.

Full article

Read More

Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1)

Mirage JS is helping simplify modern front-end development by providing the ability for front-end engineers to craft applications without relying on an actual back-end service. In this article, I’ll be taking a framework-agnostic approach to show you Mirage JS models and associations. If you haven’t heard of Mirage JS, you can read my previous article in which I introduce it and also integrate it with the progressive framework Vue.js.

Full article

Read More

You know your Scrum Master sucks when…

Please, don’t hold your applause. In fact, I’d prefer if everyone rose from their seats each time I enter the room. It’s probably best if someone on the Development Team acts as a lookout so you’re already standing when I arrive for the Daily Scrum.

Full article

Read More

How I Rendered a Massive List in React Without Memory and CPU Issues

How I Rendered a Massive List in React Without Memory and CPU IssuesNo delay, no lag — here’s how I did itThe Massive ListI was in a situation where I had to render a large number of items in a list.

Full article

Read More

Creating a Custom API with Strapi - A Node Headless CMS

Strapi is an amazing tool that lets us build our backends without writing a line of code. It comes with an API out of the box. I would use Strapi as a Headless CMS because it allows for flexibility in content types. We could build a custom app whereas other CMSs are geared towards blogs.

Full article

Read More