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…

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. …

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:

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…

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…