JavaScript

How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback — step-by-step Javascript tutorial on Progressive Robot

How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback

In React applications, performance problems often originate from component re-rendering. Because of this, learning how to prevent unneeded re-renders can help to optimize the performance of your React app. In this tutorial, you’ll look at how different actions can trigger re-renders and how you can use Hooks and memoization to minimize expensive data calculations. By the end of this tutorial, you’ll be familiar with many performance enhancing Hooks, such as the useMemo and useCallback Hook.

Read more
How To Build a GraphQL Server in Node.js Using GraphQL-yoga and MongoDB — step-by-step Databases tutorial on Progressive Robot

How To Build a GraphQL Server in Node.js Using GraphQL-yoga and MongoDB

Most applications today have the need to fetch data from a server where that data is stored in a database. GraphQL is a new API standard that provides a more efficient, powerful and flexible alternative to REST. It allows a client fetch only the data it needs from a server. This guide explainshow to use GraphQL in your Nodejs applications in place of REST.

Read more
How To Create Reusable Blocks of Code with Vue Single-File Components — step-by-step Javascript tutorial on Progressive Robot

How To Create Reusable Blocks of Code with Vue Single-File Components

When creating a web application using Vue.js, it’s a best practice to construct your application in small, modular blocks of code. You can gain this modularity with Single-File Components. In this tutorial, you are going to create a SFC and use props to pass data down and slots to inject content between tags. By the end of this tutorial, you will have a general understanding of what SFCs are and how to approach code re-usability.

Read more
How To Debug Node.js with the Built-In Debugger and Chrome DevTools — step-by-step Javascript tutorial on Progressive Robot

How To Debug Node.js with the Built-In Debugger and Chrome DevTools

In this article, you will use a debugger to debug some sample Node.js applications. You will first debug code using the built-in Node.js debugger tool, setting up watchers and breakpoints so you can find the root cause of a bug. You will then use Google Chrome DevTools as a Graphical User Interface (GUI) alternative to the command line Node.js debugger.

Read more
How To Handle Asynchronous Tasks with Node.js and BullMQ — step-by-step Databases tutorial on Progressive Robot

How To Handle Asynchronous Tasks with Node.js and BullMQ

To avoid slowing down the request/response circle, you can use bullmq, a distributed task queue that allows you to offload time-consuming tasks from your Node.js app. To keep track of jobs, bullmq uses Redis to store a short description of each job in a queue. In this article, you will use bullmq to offload a time-consuming task into the background, which will enable an application to respond quickly to users.

Read more
CHAT