Our Journey to a High-Performance Node.js Library

As you may already know, the Hazelcast In-Memory Data Grid (IMDG) ecosystem includes a variety of clients for different languages and runtimes, which includes Node.js client library as a part of that list.

Full article

Read More

Create & Auto-deploy a Website with Create React App, Github, and Netlify

Ever wanted to develop your own website, but didn’t know where to start?  Here is a quick tutorial on how to get your own website set up (for free!) within a couple of minutes using Create React App. We’ll also use Github and Netlify’s auto-deployment feature.

Full article

Read More

The Ultimate Guide to Electron with React

Towards the end of the article, we have a surprise for you! Electron is a robust multi-process-architecture framework that runs on the chromium engine. It ensures that the heavy I/O and CPU-bound operations are put onto the new threads that would avoid blocking the UI(main process).

Full article

Read More

React Router with a single config file

Having Route components organized into a single config file may seem to be a good idea for a large project. This guide will help you to find out how to do it using react-router-dom.

Full article

Read More

Rush vs Nx: A Comparison of TypeScript Monorepo Management Tools

With the increasing popularity of the monorepo strategy for storing source code, there is a growing number of tools to manage projects in a monorepo, such as Bazel, Lerna, Rush, or Nx.

Full article

Read More

Semantic versioning in npm

Semantic versioning is such an important thing that, every developer need to understand it whether you are a Nodejs, Reactjs or Angularjs developer. It’s also one of the frequently asked interview question.

Full article

Read More

Tools, Techniques, And Tips For Making High-Performance Node.js Servers

Node is a very versatile platform, but one of the predominant applications is creating networked processes. In this article, we’re going to focus on profiling the most common of these: HTTP web servers.

Full article

Read More

Announcing TypeScript 4.1

Today we’re proud to release TypeScript 4.1! If you’re unfamiliar with TypeScript, it’s a language that builds on JavaScript by adding syntax for type declarations and annotations.

Full article

Read More

We rendered a million web pages to learn how the web breaks

As part of our ‘CatchJS: JavaScript Errors and Performance In The Wild’ study, we scripted a web browser to render the root page of the top 1 million domains on the web. At the same time, we kept track of any error caught by window.onerror.

Full article

Read More

Handling Static Forms, Auth & Serverless Functions with Gatsby on Netlify

I've been working in web development for a long time. How long? If I remember right, I set up my first web server while avoiding dinosaurs. While my memory is a bit hazy, I can distinctly remember that a task early in my career was building form processing CGI scripts for clients. Technology has come a long way since my humble beginnings.

Full article

Read More

Writing custom TypeScript ESLint rules: How I learned to love the AST

In this blog post, we’re going to learn how to write a custom ESLint plugin to help you with otherwise manual tasks that would take you days. Let’s dive into the world of ASTs: They’re not as scary as they seem!

Full article

Read More

Squash multiple commits together: Learn the Git Interactive Rebase! 💻

In this blog post, I will show you how to use one of my favorite git commands i.e. the interactive rebase. Since I have been using git and GitHub quite extensively for the past week, I have found myself using this command over and over.

Full article

Read More

7 Trending TypeScript Projects on GitHub

Here are some trending TypeScript projects that can make life easier for you. Storybook is a development environment (sandbox) for UI components. It allows developers to look through an extensive catalogue of components in which they can test and analyze it’s different states.

Full article

Read More

Story of how I built my Portfolio and Blog using DEV.to and NextJS

I've always wanted to build my very own portfolio website and blog. After many years of laziness..😋, finally, I mean, FINALLY I've done it..🎉 I have built my own website dineshbalaji.in..✨ Please do check out the website and let me know your thoughts in the comments..🙏

Full article

Read More

Stadia cloud gaming service by Google will arrive on iOS via Safari

Recently, Google has announced that its cloud gaming service Stadia will be arriving on iOS devices in the coming weeks through an imminent web app. Since its launch last year, Google was not able to bring Stadia to iOS devices because of Apple’s limitations of cloud gaming services.

Full article

Read More

10 React security best practices

Looking for the best ways to secure your React app? Then you’ve come to the right place! I created this checklist of React security best practices to help you and your team find and fix security issues in your React applications.

Full article

Read More

Improve your CSS with these 5 principles

Writing CSS is really simple and straightforward, so why is there a need for principles and best-practices while writing CSS?

Full article

Read More

The Morning After: We reviewed the new M1-powered MacBook Air

Apple Silicon and the Macs it powers have finally landed. And they’re making a big impression. We reviewed the new MacBook Air, with its new M1 chip, and it’s fast, quiet and, well, just incredibly impressive.

Full article

Read More

How to Turn your Raspberry Pi into a Crypto Trading Bot

The tutorial will take you through all the basics and help you run your first data-mining operation, your first backtest using a demo trading system, and even your first live trading session on Binance.

Full article

Read More

All Technical Debt is Credit Card Debt

When you find yourself in the position of trying to persuade someone who doesn't share your life experiences, you may reach for a common metaphor. This metaphor becomes something that you can use to create a frame of reference...a set of facts that are independent from the actual facts because the actual facts are too complex or obscure to communicate.

Full article

Read More

Measuring Core Web Vitals with Sentry

I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make stuff smaller! And while those are all very related to web performance, they are abstractly related.

Full article

Read More

Version 11 of Angular Now Available

Welcome to the Angular version 11 release. Version 11.0.0 is here and we’ve got some great updates for Angular developers everywhere. This release has updates across the platform including the framework, the CLI and components. Let’s dive in!

Full article

Read More

Youtube-dl Makes Their Case, Returns To GitHub

Last month, the GitHub repository for the popular program youtube-dl was taken down in response to a DMCA takedown notice filed by the Recording Industry Association of America (RIAA).

Full article

Read More

em, rem, and px

A quick note on the basic CSS units. After reading this article, you will thoroughly understand these three knights of the internet! Pixels, EM’S, and REM’S are pretty popular in the CSS world, but it’s often confused and mistaken with one another.

Full article

Read More

useEffect vs useLayoutEffect

Both of these can be used to do basically the same thing, but some are more optimal than others. So here are some rules for you to consider when deciding which of these React Hooks to use. 99% of the time this is what you want to use.

Full article

Read More

Useful Custom Hooks for Tired React Devs

Writing React applications can get same-y. We often find ourselves going over the same patterns of defining the same component behavior over and over, and one can start to wonder how we can make these patterns more and more DRY. React Hooks are awesome.

Full article

Read More

How to provide estimates as a Junior Developer?

Introduction I recently interacted with a friend who had just started out as a developer and she told me that she found it really hard to provide estimates against the user stories assigned to her.

Full article

Read More

How to Organize a Large React Application and Make It Scale

This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the Web community. In this article, I’ll discuss the approach I take when building and structuring large React applications.

Full article

Read More

Memoization and React

Memoization has to do with caching. Here's a super simple implementation of memoization: The basic idea is: hang on to the input and their associated output and return that output again if called with the same input.

Full article

Read More

10 Insights from Adopting TypeScript at Scale

A few years ago, Bloomberg Engineering decided to adopt TypeScript as a first-class supported language. This article shares some of the insights and lessons we learned during this journey.

Full article

Read More

The Best 39 Development Tools

In this article, we will review 39 of the best software development and programming tools, ranging from web development and interactive development to rapid application development. Jira is one of the best software management tools by Atlassian.

Full article

Read More

Creating a monorepo from separate repos (merging repositories)

In this post we’ll look at how to combine multiple repositories into a single repository. The common reason you might want to merge repos into a type of single repo (monorepo) is because you realize changes from one repo affect the other.

Full article

Read More

Service Workers in React

React is a Javascript library for building user interfaces. It is component based and allows the developer to create user interfaces with much more simplicity than with regular vanilla Javascript. Want to read this story later? Save it in Journal.

Full article

Read More

How To Debug APIs With Postman

Postman is a program and toolkit that makes working with, developing, and debugging remote API services easier. It provides a platform for creating, managing, and working with GET and POST requests. Postman describes itself as a “Platform for API Development.

Full article

Read More

Incremental Migrations

Incremental migrations are excellent for updating large legacy projects - migrate a small piece at a time with lower risk then gradually do the rest. Incremental migration strategies for large legacy software systems include breaking down the system into smaller components that can be selectively and individually replaced.

Full article

Read More

Understanding Modules and Import and Export Statements in JavaScript

In the early days of the Web, websites consisted primarily of HTML and CSS. If any JavaScript loaded into a page at all, it was usually in the form of small snippets that provided effects and interactivity. As a result, JavaScript programs were often written entirely in one file and loaded into a script tag. A developer could break the JavaScript up into multiple files, but all variables and functions would still be added to the global scope.

Full article

Read More

✨ React 17 and React Scripts 4 | A Walkthrough

👋 Hello Developers This post covers how you can update your app to use React 17. And what do you get from using React 17 and React Scripts 4 So React 17 and React Scripts 4 are successfully released. Actually React 17 was released with no new features.

Full article

Read More

Compare Multiple Projects With This GitHub Stats Tool

In this article, check out how to compare multiple projects with the GitHub Stats tool. If you have project code hosted on GitHub, chances are you might be interested in checking some numbers and stats such as stars, commits, and pull requests.

Full article

Read More

Time-Traveling State With Reactime 6.0

State management is a crucial part of developing efficient and performant React applications. Developers know that managing state can become unmanageable as an application scales.

Full article

Read More

Tailwind versus BEM

Spoilers! Like with so many things, the answer is “it depends.” How come? Read on. Tailwind and BEM are two approaches to writing and maintaining CSS. Comparing them is a bit like comparing apples and oranges, in that while they’re separate, they’re still fruit.

Full article

Read More

Guidelines for choosing React Libraries

After publishing my previous article tracking React Libraries worth talking about, a few people asked me how I decide which library to use in my own projects.

Full article

Read More

If not SPAs, What?

A few months ago, I wrote an article about how the SPA pattern has failed to simplify web development. The SPA pattern (Single-Page Apps), I tried to define, was about the React model, which also covers, to a large extent, the model of Vue, Angular, and other frontend frameworks.

Full article

Read More

Study shows which messengers leak your data, drain your battery, and more

Link previews are a ubiquitous feature found in just about every chat and messaging app, and with good reason. They make online conversations easier by providing images and text associated with the file that’s being linked.

Full article

Read More

How to deploy only changed packages in a Lerna Monorepo

There are a lot of discussions about pros and cons of using Monorepos, in this article I will not discuss that but I will explain how I solved, together with my colleagues, the problem about deploying packages contained in a monorepo.

Full article

Read More

5 Reasons to Use TypeScript with React

TypeScript is a superset of JavaScript which primarily provides optional static typing, classes, and interfaces. Over the past few years, TypeScript has gain immense popularity among frontend developers.

Full article

Read More

Protected routes and authentication with React Router v5

Often times when building a web app, you’ll need to protect certain routes in your application from users who don’t have the proper authentication. Though React Router doesn’t provide any functionality for this out of the box, because it was built with composability in mind, adding it is fairly straight forward.

Full article

Read More

Using heat-maps to track and improve your team’s engineering quality as a manager

Recently, I was supporting a team @ Uber, which was working on a large number of products both in maintenance mode as well as in active development.

Full article

Read More

The Raspberry Pi 400 is a $70 keyboard that's also a computer

In the eight and a bit years since the first model launched, the Raspberry Pi has traditionally been sold as a modular computer. You buy the board separately, attach your own peripherals, insert an SD card and then get to work on your own computing project.

Full article

Read More

A Primer on the Different Types of Browser Storage

In back-end development, storage is a common part of the job. Application data is stored in databases, files in object storage, transient data in caches… there are seemingly endless possibilities for storing any sort of data. But data storage isn’t limited only to the back end. The front end (the browser) is equipped with many options to store data as well. We can boost our application performance, save user preferences, keep the application state across multiple sessions, or even different computers, by utilizing this storage.

Full article

Read More

Angular Push Pipe, Tutorial, Usage, Performance, Zone Less

If you missed part 1 you should start reading it first as they depend on each other. The main idea behind the push pipe is a new way of handling change detection. If all values are transported over Observables we know exactly when a value changes and could trigger the change detection.

Full article

Read More