Install these powerful VSCode extensions to significantly improve your productivity during web development. — Visual Studio Code is one of the most widely-used source code editors out there, with over 136k stars on GitHub. Its popularity comes about due to its lightness, flexibility, open-source nature, simplicity, and extensibility. Speaking of extensibility, VSCode has thousands of extensions you can install to ramp up your developer…

Details of what you should know about TypeScript Intersection Types — explained with animations. — Welcome to the Mastering TypeScript series. This series will introduce the core knowledge and techniques of TypeScript in the form of animations. Let’s learn together! Previous articles are as follows: What Are K, T, and V in TypeScript Generics? Using TypeScript Mapped Types Like a Pro Using TypeScript Conditional Types…

Environment variables are a simple way to configure software. They let you set a variable in the shell so that any processes you run can use the values provided. This is extremely helpful for CLI tools but shouldn’t be used for managing the configuration of complex software. In order to…

Explained with animations. Master TypeScript Conditional Types and understand how TypeScript’s built-in Utility Types work. — Welcome to the Mastering TypeScript series. This series will introduce the core knowledge and techniques of TypeScript in the form of animations. Let’s learn together! Previous articles are as follows: What Are K, T, and V in TypeScript Generics? Using TypeScript Mapped Types Like a Pro

Originally posted at Serverless on October 4th, 2018 It’s been 6 months since AWS Lambda added support Node.js 8.10. I’m super happy that I can finally use async/await to simplify my Lambda functions. In the meantime, I have helped a few clients with their Node8 serverless projects. …

Mapped Types — Explained with animations. Master TypeScript Mapped Types and understand how TypeScript’s built-in Utility Types work. — Welcome to the Mastering TypeScript series. This series will introduce the core knowledge and techniques of TypeScript in the form of animations. Let’s learn together! Previous articles are as follows: What Are K, T, and V in TypeScript Generics? Using TypeScript Mapped Types Like a Pro

TLDR: react-hook-form is a powerful library for handling form, it reduces the number of re-render because it’s embracing the uncontrolled way of handling form. You will often use useForm hook provided by the library to use its power. This hook is explained in section 2a. useForm. Validating a form in…

Many times, you need to view the latest log entries generated by your app to check that everything is working or see what is currently broken. We will be creating a FastAPI app that will stream our latest log files entries over web sockets. Monitoring our app In a previous post, we built…

There is one problem that every React Developer falls into during his journey. This is how to structure a good app architecture. This article will help you avoid some common errors that most of us make architecting react applications, and will give you the right way to structure your directories. Is This For You? …

Effectively sharing types between frontend and backend apps is a very needed solution. It eliminates bugs and breaking, speeds up integrations, and ensures your APIs can efficiently communicate even as you continue to develop. Watch:

A brief look at some newer frameworks and projects that may become a staple choice in your tech stacks in the near future. — JavaScript has had a lot of innovation in its 25+ year history. From frontend frameworks like React to runtimes like Node.js and even bundlers to run your JavaScript apps as a desktop or mobile app such as Electron or React Native. In this article, we look at some newer frameworks…

Here are 5 proven examples to help you rake it in — David is onto something: “There are people whose Google Drive is filled with value. It can bring them thousands of dollars… (But) they let it rot… It’s an intriguing idea. The thing is, people in the comments are begging for examples. So I thought I’d provide them. These examples come…

State management can make or break your React app. If your state flow is sound, your development speed will stay high, even as the complexity of your project grows. A poor state flow design, on the other hand, will exponentially raise development time. In this post, I’ll outline some tips…

Today’s web is a tangled mess of different languages, libraries, and frameworks, and aspiring web developers often struggle with what to learn first. Do you pick the tried-and-true framework that’s highly in demand, or the trendy one that’s quickly gaining traction in the industry? How about the library with a…

Hello everyone 👋! Recently I was in charge of creating a dashboard that looks like the upper one. I’m not gonna lie, my artistic side was delighted because I think it does look pretty neat. My developer side on the other hand was thrilled to recreate that in code since…

Use Promises effectively by avoiding these common mistakes — Promises provide an elegant way to handle asynchronous operations in JavaScript. Once, it was the breakthrough solution to avoid callback hell. However, not many developers understand what’s going inside them. As a result, many tend to make mistakes in using Promises in practice. In this article, I will discuss five…

This proposal could change JavaScript and TypeScript — Last Wednesday, on 9th March 2022, Microsoft announced their support of a remarkable proposal for the further development of JavaScript and TypeScript. So far, this is only a suggestion that is available as a so-called Stage 0 proposal, but Microsoft has already announced that they want to submit this proposal…

TypeScript and React are excellent in combination. When you sprinkle React’s expressive component model with a little strong typing, you get fewer bugs and an improved developer experience. That said, the amount of techniques and nuances baked into the TypeScript/React combo can be overwhelming. TypeScript offers so much flexibility in…

What are circuit breakers? Software design pattern used to determine the availability of an upstream service(API,database,etc). When the error or timeout count for the service exceeds a predetermined threshold, a circuit breaker should “trip” to halt an application’s requests to a dependent service for a period of time. The circuit breaker’s core concept is…

Web Development has taken over the world, developers no longer strive to improve their knowledge in building desktop applications, it is exhausting indeed to build 3 versions of the same application for 3 different environments. Since the establishment of SaaS (Software as a Service), web applications are now the de…