JavaScript is one of the most loved and hated language in the world. It is loved because it is potent. You can make a full-stack application by just learning JavaScript and nothing else. It is also hated because it behaves in unexpected and upsetting ways, which, if you’re not invested in understanding the language, might make you hate it 💔. This blog will explain how JavaScript executes code in

Photo by Danny Howe on UnsplashI hope this article shares some light on how to build better React components leveraging TypeScript. This post is an outcome of the efforts of building taggr, the privacy-focused AI gallery. While building taggr, I got deeper into TypeScript, and so far I am loving the added capabilities for annotating types and catching errors at compile time, instead off at runtime

Photo by Campaign Creators on UnsplashI’ve been developing websites for years, and I don't believe that keeping the tools that I use to myself will give me a strong advantage in the job market competition. I know how web development can be really frustrating, but we can make our jobs a…

⚠️ Important: Read the comments I left on the code. They might be useful to understand why I did some things. Also in the comments I leave the path of where the files will reside.This is just a way to structure your project folder and files. You can even use something simpler than this.⚠️ Note: I’m going to divide this article into two parts: The Hexagonal Architecture and the Atom Design Methodol

JavaScript SEO is part of technical SEO (Search Engine Optimisation) that seeks to make JavaScript-heavy websites easy to crawl and index, as well as search-friendly. If you’re building a website or web app using JavaScript, you should take a few basic steps to make sure your content is discoverable by search engines. Let’s look at a few SEO techniques to help users find your content. 1) Describe

GraphQL is an alternative to REST. It’s new and obviously. have some benefits over traditional REST API. Today we will see how we can build a simple full-stack GraphQL application. Pre-requisites

Source: reactjs.orgYesterday, the React team announced a new feature: Server Components. The feature is still experimental; there is no real documentation yet. What it’s about is simply put: data & component fetching in React.js.

Photo by Vishal Jadhav on UnsplashHooks are a pattern, not something usable with React library only, and this post would like to explain, and walk through, some interesting possibility. What are hooks?Hooks are nothing more, and nothing less, than a wrap around a generic callback. The callback itself is not a hook, unless it’s being handled by a hook-helper, in this case provided by µhooks library

Credit: gfycat.comProgrammers code all day, debug all night and go through thousands of code lines. But it doesn’t mean programming is what they all know and good at. They all have a sense of humor that can make us all laugh even if we’re not a programmer.

Commons Mistakes with React useEffect hook and How to Prevent them. I’ve been experiencing issues while using useEffect and I’ll try to give you quick patterns to not end up in the same disappointing state.

A better UX without too much heavy liftingWhen dealing with long forms (think medical forms, profiles, etc), it’s a huge UX improvement to allow fields to auto save as a user fills them out. Auto saving fields on blur sounds like a lot of extra work over a single submit button, eh? Not to worry, we are going to build one in 10minutes using Semantic UI React component library. If you want to skip t

React Suspense — a short recapReact Suspense is part of a new suite of features from React. It basically lets you suspend the rendering of a component until a certain condition is met. React Suspense goes hand-in-hand with the scary sounding Concurrent Mode. In this article we are…

Photo by Steve Johnson on UnsplashAn abstract class in TypeScript is defined by the abstract keyword. It’s meant to be derived by other classes and not to be instantiated directly. The example below has the BaseLogger, which is an abstract class that enforces derived classes to implement its abstract methods. abstract class BaseLogger { abstract log(msg: string): void }

Photo by Morning Brew on UnsplashOkay, now for some reason, you’ve finally chosen Chrome as the browser you’re developing for. Then you open Developer Tools and start debugging your code.

Image of two monitors with code in their screensIn this article, we’re going to review some of the latest features coming with ES2020. Some of them are: Private Class VariablesPromise.allSettledString.prototype.matchAll

JavaScript is a single-threaded language, to perform large computation & operations, the preference will be multi-threading. We can achieve multi-threading in JavaScript with the help of HTML Web Workers API. A web worker is a JavaScript that runs in the background, independently of other scripts. To know more about web workers please read here How did it start?Back in 2015, I was working on a pro

Is Deno the new Node.js? Or is it just a nice alternative? In this article we will go into some important differences and features — have fun! The main differences between Node.js & Deno:Deno uses Rust under the hood, but also the V8 engine, just like Node.js.Deno supports TypeScript out of the box. It can also…

Photo by Arnold Francisca on UnsplashCode Commenting! Some people say it’s ugly , Some says it’s standard and good practice to do. Commenting is the “art” of describing what your program is going to do in “high level” English statements.

React Native push notifications guide for rookies and techies A small guide about the first assumptions and the reality of mobile notifications behaviors on React Native projects.

A simple tutorial of building a responsive React app using Styled-System based on the Design System.