Posts tagged “javascript”

Learn 7 essential RESTful API design principles with real Express and Fastify examples that will help your team build better, more maintainable APIs in JavaScript.

Rendering 10,000 items? Virtualization reduces DOM nodes from thousands to ~50, transforming sluggish lists into butter-smooth experiences. Here's how.

Learn how to prevent AI coding assistants from creating useState render waterfalls by combining custom ESLint rules with Claude instructions for automatic useImmer enforcement.

Async generators might seem like an obscure feature, but once you understand them, you'll find elegant solutions to problems you've been solving the hard way.

We will be going over tsup (a modern robust bundling tool which is an alternative to the popular rollup) to create a JavaScript library ourselves, and then submit it to the npm registry for developers to npm install into their projects.

This post will be showcasing several useful strategies to use the console for logging more efficiently in JavaScript

We will be going over tsup (a modern robust bundling tool which is an alternative to the popular rollup) to create a JavaScript library ourselves, and then submit it to the npm registry for developers to npm install into their projects. Our code examples will be written in TypeScript which is a superset of JavaScript.

We are going to incorporate/combine the command pattern together with the state pattern.

In this post we will be going over a couple of important tips that every JavaScript developer must know to prevent difficult bugs from occurring in your applications.

Singletons are a necessary component in software where only one instance of an object is necessary but is instantiated many times. In this post, we will be going over the Singleton Design Pattern in JavaScript.

In this post we will go over the Interpreter Design Pattern in JavaScript. We will implement an Interpreter as well as basic grammatical representations of a source code. We will create an interface for client codes to use (like parsers for example)

When developing web applications one powerful strategy that is very rewarding in value is the Visitor Design Pattern. This post will go over the Visitor Pattern in JavaScript and knock away some important concepts and techniques that every JavaScript developer must know when using the Visitor.

In this post we will be going over the power of the the Flyweight Design Pattern in JavaScript and leverage it to create more memory efficient applications. We will go over the problems that arise and showcase how the flyweight pattern knocks them all away.

In this post we will be going over the Facade Design Pattern and see how it is an effective solution to encapsulate complexity.

In this post we will be going over the Iterator Design Pattern in JavaScript and implement one hands-on. We will learn why a different algorithm becomes necessary when developing

In this article we will be going over the Bridge Design Pattern in JavaScript. This is one of the top used patterns that make a significant impact in software applications. It is a pattern that easily promotes a separation of concerns in its implementation and it's scalable

This post will go over the Template Design Pattern in JavaScript. We will understand more in detail the approach of this pattern and one scenario of when we should use it. We will also see a diagram of how the the structure look like "outside the box". And finally, we will implement the pattern in code so that by the end of this article you will be comfortable about templating in JavaScript.

In this post, we will be going over the Strategy Design Pattern. This is a well known pattern that encapsulates one or more strategies or algorithms to do a task.

The Memento Pattern in programming is useful in situations where we need a way to restore an object's state. In this post we are going to implement the Memento pattern for the runtime and will not be storing anything statically.

The State Pattern ensures an object to behave in a predictable, coordinated way depending on the current "state" of the application. This post will reveal the power of the state design pattrn in javascript

In this post we will be going over the power of the Proxy Design Pattern in JavaScript and go over several examples of how beneficial it can become for your next application.

This post will go over 7 JavaScript Code Practices Your Teammates Will Love You For. The tips in this post are coming from my opinions and experiences as a Team Lead Full Stack Engineer with more of a focus on the Front End side of things, so I assure you that these tips can help you become more valuable as a teammate and they work.

In this post, we will be listing 8 JavaScript libraries that were built from scratch.

This post will go over several source codes in the JavaScript world that you can look at to find some inspiration, answers, or even as a learning experience so that you can speed up your pace in learning the advanced coding techniques without feeling alone.

In this post we will be going over the Power of Factory Design Pattern in JavaScript, which is one way to break a complex object apart into simpler objects to avoid unnecessary complexity when the opportunity arrives. Keep in mind that we're going to follow the DRY principle as a best practice.

In todays world working smart is the way to go. This post will go over 10 JavaScript and NodeJS Tips that Knock Away Multiple Concepts with One Stone Each.

In this post we will go over the parts of the fetch api that is just enough to get you very far in your development career. You don't need to understand everything about fetch in order to succeed. You just need the understand the parts you will be asked to do in your projects.

Box components are the basic foundation to composing more complex components together, allowing endless possibilities to create modern user interfaces. In this post we will be building a powerful reusable box component in react with just a few simple implementations inside the function.

This post will go over 10 JavaScript tricks and best practices that every front end engineer should know before tomorrow

This post will go over 8 JavaScript Habits that Add Value to Your Projects so that people other than you who are reading your code will value you more. I have been a lead for almost two years and these are the top most loved habits I adapted from my teammates as a Team Lead.

In this post we will go over several convenient tactics of logging in both nodejs and browser environments in JavaScript.

In this post we will be going over 9 Marvelous VSCode Practices You Need To Do Now In 2022, and if you're using VSCode and hoping to be included with the rest of the community in using features that make it so awesome, then you have come to the right post because we are on the same team and it's time to check off our list of marvelous VSCode features.

JavaScript can be a really flexible but powerful language when developing code but it's not always straight forward to know which practices we should avoid. In this post we will be going over 8 Practices You Really Must Not Do in JavaScript and should not do before it gets too late.

As developers it is our responsibility to write good code. This means writing code that is both efficient and readable. But sometimes we come across obstacles where we have to decide which code is better to go with when one sacrifices readability to perform better or vice versa. This post will go over different chaining patterns in JavaScript

In this post, we will cover 9 Ways You Can Use React in 2022 to build applications. These can range from video stream services to text editors.

As our applications become larger the need for performance grows. Performance can be achieved by caching. In this post we will go over powerful ways caching can improve the way you think and write efficient code.

The composite pattern can be your swiss-army knife when developing dynamic user interfaces. This post will explain in more about the composite pattern in detail

In this article, I will go over some practices in JavaScript that will help you and your teammates sleep like a baby at night

In this article, I will go over some practices in JavaScript that will help you in the long run

This post will go over some useful tricks you can use in NodeJS right now to enhance your development experience to the point you will become fascinated

The MutationObserver is a powerful API that can help develop an improved user experience for any app. We will go over this api and implement one as well

This post will go over the Adapter Pattern in JavaScript and explain why the pattern is important and why it can be beneficial modern programming

This post will go over robust strategies to control errors in your app

This post will go over some examples of working with functions and composing them together to create more functions to do more things

We will be going over 5 critical tips to compose event handlers in react. This post will not cover everything that is possible, but it will cover important ways to compose event handlers that every react developer should know, minimally

Avoiding closures in react that reference state values from their callback handlers

This article will go over maximizing the capabilities of reusability in react and provide some tips and tricks you can use on your react app today. It will be demonstrated by building an actual react component and explaining step by step on why some steps are taken and what can be done to improve the reusability on them

This pattern provides the same goal as the Dependency Injection, but in a more flexible and powerful way by acting as the container that houses dependencies of functions (or classes) that require them when times they need it, such as during their initialization phase.

In this article we will be going over 9 ways to manipulate and work with React components in 2020

We will talk about the benefits of recursion, why we need it, and show great examples of recursion in use

In this article, we will go over some examples of composing in JavaScript and talk about important concepts that always need to be kept in mind when composing

This post aims to go over generics in TypeScript and talk about what they are, how they work, and why we even need them.

We'll be taking a look at some examples of decorators in JavaScript and create our own decorator to see how it can be useful to our code

In this article, we'll be going through 6 Practices in React You Might Find to be Effective

Here are 12 visual studio code shortcuts and tactics to ease your development flow

Here are 5 examples of higher order functions in use to help you understand them more clearly in JavaScript

Starting a fresh modern front end project today can become quite stressful since there are an abundance of variations of specific tools that go hand in hand in each stack. Here are 5 tips to help you.

Here are seven code practices in JavaScript that will help you write stronger code

We will be going over my VSCode settings that enhance my development for react apps such as extensions, snippets, keyboard shortcuts, and configuration settings.

We will be simplifying a large react component from a real world production app and explore the powerful benefits it gives in return

In this article, we will be going over how to create a chrome extension in react to enhance filter youtube video results using facebooks create-react-app tool

We will be going over the command design pattern in JavaScript and see some problems that it solves

In this post, we will be going over the Composite Design Pattern in JavaScript

This article will go over 5 anti-patterns to avoid when working with collections in JavaScript

This post aims to shed some light on how you can use promises in JavaScripts

This article will go over 4 dangerous problems in JavaScript that are easily solved by the builder design pattern

The design pattern we will be going over today is commonly known as the Builder Design Pattern, which is a pattern used to help construct complex objects.

In this article we will be going over the prototype pattern in JavaScript and explain its benefits as opposed to the classic object oriented approach

In this article we will be building a robust, modern dynamic sidebar in react using the powerful programming concept called recursion

This article will go over 8 neat tricks in react that every react developer should know

We will be going over the module pattern in JavaScript and understand the benefits it provides to help us build robust applications

In this article, we will be going over the _mediator pattern_ and implementing one using JavaScript

This article will go over steps on how to extend an electron repo to support TypeScript as it may be a little complex due the differences between the main and renderer process

If you were wondering on how to begin with creating your first desktop application using JavaScript and TypeScript, then this post will help you to get started with writing your own desktop software application!

In this article, we will be going over the publish/subscribe pattern in JavaScript and see how simple (but powerful) it is to implement in our JavaScript applications.

We will be going over the Observer Pattern and implementing it through JavaScript so that hopefully you can attain a better understanding of it if you're having trouble understanding the concept.

If you're new to recursion, this article will hopefully help you understand the concept a little more clearly.

A powerful feature i'm going to talk about in this article utilizes functions, called a higher order function. Powerful examples will also be shown in this article.

Create an app using only this new feature from React. We will build a new app called Slotify that inserts styled quotes throughout your blog posts.

Currying is an advanced technique when working with functions and it's used in multiple programming languages.

This post will list some things that make me code for longer periods of time and the goal is to help shed some light on how you can take some of these tips to improve your focus on your tasks.

This artice will go over 8 Miraculous Ways to Bolster Your React Apps

Here are 14 beneficial tips to help you write cleaner code in react apps

This post will go over a cheat sheet that includes react v16 snippets

This article will go over 22 tools you can use to build your react apps in 2019

Build a cool character select screen in React with plain CSS

This article will go over a known anti-pattern with delegate prototypes and also explain how to turn that around to improve your apps performance

This article will go over a couple of rules to keep in mind when designing methods for an API in JavaScript

You might be devoting so much of your time and energy into your daily JavaScript tasks that you might end up causing a catastrophe for yourself and your future. My goal is to help you from making these mistakes so that you don't end up in misery.

As a JavaScript developer, I will share what enhances my development flow in several aspects revolving around 3 of 5 of the Five Senses of the human.

If you're currently building an application using react or thinking of using react for upcoming projects, then this tutorial is for you. I hope this tutorial will help you on your journey to make great react applications too by exposing a few code implementations that you ought to think twice about

React comes with its own set of gotchas, some of it potentially becoming a severe problem to your applications if you don't take care of them now. This article will go over 10 things not to do when building react applications

This article will go over 7 mistakes developers tend to make that are keeping them behind while learning to become better in JavaScript.

Ever developed something where you made mistakes and wished there was an undo feature? What about reset? Well, look no further because I am here to show you how to enhance your application with undo and reset capabilities!

Did you know that higher order functions can help improve your life? Here are 7 reasons how they can

By the end of this tutorial you should be able to learn how to create a stunning breadcrumb component in react using plain css

When users are using your technology, they're not just using it--they're most likely judging your app and its technology as well without you knowing it. This post will provide tips to implement complex UX for a file uploading interface.

If you've never had experience building a react redux application for production, then this article can help you prepare for the next large scaled application you build.

Web Developers often use commands like console.log to debug or analyze their code flow. This post will cover some helpful tips to use the console commands provided by JavaScript.

Card components are often used because they keep layouts looking neat, clean and elegant. In this post i'll be guiding you to create a card component using the styled-components library.