500 Blog Posts To Learn About Javascript

14 Aug 2026

"Not a real programming language" since 1995.

1. How it feels to learn JavaScript in 2016

No <a href="https://hackernoon.com/tagged/javascript" target="_blank">JavaScript</a> frameworks were created during the writing of this article.

2. 6 Reasons Why JavaScript Async/Await Blows Promises Away (Tutorial)

👉 This article has been updated and republished, read the latest version here

3. 5 Best JavaScript Frameworks in 2017

JavaScript popularity continues its rising. In 2016 we’ve witnessed such great changes, as AngularJS entire upgrade and introduction of Angular 2, ultimate dominating of jQuery that is applied on 96.5% of all JS sites, evolution of ECMAScript, two updates of Node.js in April and October accordingly, React finest hours, and even more. What to expect from 2017? — Here’s what we know so far: Angular 4 is expected in March 2017, ES2017 edition is planned for mid-2017, Bootstrap v4 release should be anticipated this year as well.

4. React Stateless Functional Components: Nine Wins You Might Have Overlooked

React .14 introduced a simpler way to define components called stateless functional components. These components use plain JavaScript functions. Here’s the before and after in ES6:

5. Copying text to clipboard with JavaScript

In this article, I will be explaining in depth how the copyToClipboard snippet from 30 seconds of code works. You can find the source code for it and a ton of other useful methods in the project’s repository.

6. 21 Best Developer Portfolio Examples

21 Awesome DEV portfolios for your inspiration

7. How To Take Screenshots In The Browser Using JavaScript

Taking screenshots in-browser (or 'client-side') is all about tradeoffs - there's no perfect solution for every situation. Let's take a look at three different ways you can take screenshots, and then how you can use them by sending them to a server or letting the user download the image.

8. How to Centre an Element in CSS with Tailwind

In this guide, we'll be covering how you can vertically and horizontally center an element or text with tailwind.

9. 10 things I learned making the fastest site in the world

This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished.

10. How to Update Object Key Values Using Javascript

Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript.

11. Java Algorithms: Coding a Binary Tree Right Side View (LeetCode)

In this article, you will learn how to code a Binary Tree Right side view in LeetCode.

12. Understanding promises in JavaScript

I have had a kind of “love and hate” relationship with JavaScript. But nevertheless JavaScript was always intriguing for me. Having worked on Java and PHP for the last 10 years, JavaScript seemed very different but intriguing. I did not get to spend enough time on JavaScript and have been trying to make up for it of late.

13. ReactJS vs Angular Comparison: Which is Better?

Choosing the right framework for a new JavaScript system, application or website is a top priority for any business. It can have a direct bearing on project’s durability and ability to fit in deadlines, further code maintainability, and scalability of your future app.

14. API testing with Jest

15. ReactJs component lifecycle methods — A deep dive

This blog post is for the React version less than 16.3. In React v16.3 there has been significant changes in component lifecycle methods. If you are using React greater than 16.3 please refer the following blog post.

16. Boosting Your App's Intelligence: Leveraging OpenAI and JS File API

You will learn HOW OpenAI can be leveraged to enhance JS File API on the example of Smart Image Recognition

17. React Native: How to Setup Your First App

PLEASE NOTE

18. Understanding async-await in Javascript

Async and Await are extensions of promises. So if you are not clear about the basics of promises please get comfortable with promises before reading further. You can read my post on <a href="https://hackernoon.com/understanding-promises-in-javascript-13d99df067c1" target="_blank">Understanding Promises in Javascript.</a>

19. How to Add Script Tags in React

Adding a new script tag and directly appending it to the <head> element of the page is the easiest way to add <script> tags in the React app.

20. How To Build A Multiplayer Browser Game (Part 1)

Back in 2014, I went to my first CodeDay in NYC. Though CodeDay isn’t exactly a hackathon, it was my first experience with hackathon-like events. At this event, I built a <a href="http://tankanarchy.herokuapp.com" target="_blank">multiplayer tank battle game</a> with my friend Kenneth Li. Since a few of my friends have expressed interest in how I built it, I thought I’d document the process here.

21. Web Components: Build UI Kits for all UI Frameworks

Master Web Components API - Shadow DOM, Custom Elements, Slots, HTML Templates. Learn to build native, reusable, framework-agnostic UI Kits for modern web apps.

22. Enforcing a Single Web Socket Connection per User with Node.js, Socket.IO, and Redis

(“A black-and-white shot of a person working with a MacBook on their lap” by Sergey Zolkin on Unsplash)

23. Graceful shutdown in NodeJS

In this article, I am going to show you how to do a graceful shutdown in NodeJS application, but first, let's describe what does “graceful shutdown” means and why we need to do that in our application and what are the benefits.

24. Resolving the Blocked a Frame with Origin "null" From Accessing a Cross-Origin Frame Error

Learn how to resolve the "blocked a frame with origin "null" from accessing a cross-origin frame error."

25. Yes, Your Browser is Snitching: JavaScript Can Detect VPNs and Incognito Mode

Detect VPNs, proxies, Tor, and incognito users using JavaScript. Enhance fraud prevention and geo-restrictions with hybrid detection.

26. A crash course on testing with Node.js

JavaScript is a beautiful language. You must believe I’m crazy. Maybe you’re crazy for agreeing with me. But why would I say something like this? As a language, JavaScript gives you no support whatsoever. It bites your head off if you give it the slightest chance, and it has bizarre error messages if left unhandled. So you tell me, why is it beautiful?

27. Setting Scroll Position in React

In this article, we will explore how web developers can use the scrollTo() method to set a scroll position to specific coordinates or DOM elements in React

28. JavaScript Practical Coding Challenges For Beginners

Hello JavaScript code newbie! In this article I'm proposing you a series of coding challenges that will help you practice the basic language constructs and algorithms.

29. Testing Node.js in 2018

<a href="https://getstream.io" target="_blank">Stream</a> powers feeds for over 300+ million end users. With all of those users relying on our infrastructure, we’re very good about testing everything that gets pushed into production. Our primary codebase is written in Go, with some remaining bits of Python.

30. Assign Types To Nested Objects In TypeScript

TypeScript provides you with multiple ways to define type definitions for object properties. We'll look at a couple of them throughout this post.

31. Creating a Library of React Components using Create React App

UPDATE: You can use the npm package create-component-lib to automate all the steps described in this blog post.

32. Building a Serverless REST API with Node.js and MongoDB

The Serverless movement has gained a bit of momentum in the past few months. Everybody seems to be talking about it. Some would even call it a revolution! But, let’s not get too excited. Don’t be like me. I get too hyped up about cool stuff like this, and start writing articles. If this is all new to you, here’s a piece I wrote a while back, explaining the core concepts.

33. My Top 13 JavaScript Diagram Libraries

Nowadays, the amount of data grows exponentially, and the more information we see, the more painstaking and time-consuming it gets to analyze it. With the advent of big data, the business world faced the necessity to shift from traditional Excel spreadsheets to more effective ways of data visualization – colorful and interactive diagrams, charts, dashboards, maps. Thanks to modern data visualization tools, people can spend less time and effort on grasping difficult concepts or identifying new patterns, thus making a significant contribution to more effective decision making.

34. How to Build a Video Call & Voice Chat App in WebRTC Using Javascript/node.js?

Taking up a vital conversation is made simple by the persistent development of WebRTC that wholly magnifies the video/audio communication for “Enterprises” and “Professionals”. As the importance of video communication has certainly become as sought after while the chat functionality pulled the global market value. The real-time communication technology is the common element which plays multiple roles in exchanging the arbitrary data between the browser without the demand of intermediary. The technology enables web application and mobile applications to stream peer-to-peer audio/video calls directly without the requirement of third-party integration.

35. 10 Frontend Projects to Take Your Coding Skills to the Next Level

Improve your front-end development skills and expand your portfolio with these 10 front-end projects. Take your coding game to the next level!

36. How to Set Default Value of Props in Vue?

Sometimes properties require default values to avoid code breaking errors when designing components in Vue. Let's look at how to give props default values.

37. How to Create a Solar System in JavaScript With Three.js 🌌

Create a Solar System in JavaScript with Three.js by using this guide!

38. Building a Music Streaming App using React Native

React Native is a framework for building native apps using React and Javascript. In this post, I’ll walk through the process of building a music streaming similar to Spotify. What’s really cool is that the exact same code is going to work for both iOS and Android, and the apps are going to be 100 % native (no WebViews or anything).

39. Part 2: How to stop me harvesting credit card numbers and passwords from your site

I wrote a post recently describing how I distributed malicious code that gathers credit card numbers and passwords from thousands of sites in a way that’s quite difficult to detect.

40. How To Disable Javascript In Tor

Do you need to know how to disable JavaScript in Tor? This would be easier you could imagine!

41. 19 things I learnt reading the NodeJSdocs

I’d like to think I know Node pretty well. I haven’t written a web site that doesn’t use it for about 3 years now. But I’ve never actually sat down and read the docs.

42. 3 Coding Interview Challenges for Mid-level React Developers

React interviews can be challenging. There are several concepts in React. Most React interviews have coding challenges.

43. 110% Complete JWT Authentication with Django & React - 2020

ReactJS is a fantastic frontend framework, and Django is a fantastic backend framework. However, as usual when dealing with anything of more than trivial complexity, it isn’t easy to get the two to place nicely together. It's not like taping a banana to a wall.

44. Preact vs. React: A Quick Comparison

Should you choose React or Preact for software developments? It depends. Learn the difference between the JS libraries here.

45. How to Build a QR Code Generator in React

The idea behind creating a quick response (QR) code generator is to translate data from images to text. A QR code is simply the representation of image data as text, and it has a lot of useful applications from restaurant menus and concert tickets, to online calendar invites, payments, and the list goes on.

46. JavaScript: Promises and Why Async/Await Wins the Battle

Asynchronous functions are a good and bad thing in JavaScript. The good side is that asynchronous functions are non-blocking and, therefore, are fast — especially in a Node.js context. The downside is that dealing with asynchronous functions can be cumbersome, as you sometimes have to wait for one function to complete in order to get its “callback” before proceeding to the next execution.

47. 7+ Best Courses to Learn Web Development for Beginners

Hello all, if you are thinking to learn about Web Development or want to become a web developer then you have come to the right place. In this article, I am going to share some of the best online courses you can take to learn Web development in depth.

48. Cleanup Functions in React’s UseEffect Hook — Explained with examples

Cleanup functions in React’s useEffect hook allow us to stop side effects that no longer need to be executed in the component.

49. The 4 Best Programming Languages to Learn in 2020

Technology has made our lives easier with several forms of implementation that are seen in different professional fields. As most individuals began to efficiently program computers, programming languages with powerful tendencies and functionalities were born.

50. 10 Data Table Libraries for JavaScript

Tables are a useful tool for visualizing, organizing and processing data in JavaScript. To start using them, you need to download a free library or one for a reasonable price. Here is a list of 10 useful, functional, and reliable JS libraries that will help you work with tables.

51. How to Get SSL/HTTPS for Localhost

A step-by-step guide for getting to https://localhost:3000 Create a certificate to make ourselves a Certificate Authority (CA) that can sign SSL certificates.

52. Javascript inheritance behind the scene proto, [[prototype]] and prototype

The key to understanding inheritance in Javascript is to understanding how a Javascript Egg laying process by the parent hen; Javascript inheritance happens in prototype inherited but classical class technically and conceptually is not existed.

53. React + WebGL. Different ways of creating 3D apps with React.

In this article I’ll describe some libraries/frameworks that are used to create 3D online games and websites with React. This article is not about disadvantages of each way, it explains possibilities and features that may be useful to complete your goals.

54. A Map To Modern JavaScript Development (2017)

So you’ve been doing REST APIs for the past 5 years. Or perhaps you’ve been optimizing searches for your company’s gigantic database. Maybe writing the embedded software for a microwave oven? It’s been a while since you were rocking some Prototype.js to do proper OOP in the browser. And now you’ve decided it’s time to get up to speed with your frontend skills. You take a look at the landscape and it looks like <a href="https://thefullfool.files.wordpress.com/2010/09/wheres-waldo1.jpg" target="_blank">this</a>.

55. A Guide on How to Build a Blockchain with Javascript

Although JavaScript is now the most widely used programming language worldwide, it is not usually the first language picked for building a blockchain

56. We Built a Face and Mask Detection Web App for Google Chrome

Face and mask detection in browser using TensorFlow.js, openCV.js. Investigate results with different implementations.

57. Angular State Management: A Comparison of the Different Options Available

Explore Angular state management options: Component State, Services & RxJS, NgRx Store, and choose the best for your app.

58. How We Implemented the Face-with-Mask Detection Web App for Chrome

How we implemented face and mask detection in the browser using JavaScript, Web Workers, TensorFlow.js, OpenCV.js.

Developers are adopting Higher Order Components (HOC) Stateless Functional Components, and for good reason: they make it easier to achieve code reuse, a coveted aspiration of developers.

60. A Beginner's Guide to BFS and DFS in JavaScript

Learn BFS and DFS, powerful algorithms to traverse and search data structures. Examples and step-by-step JavaScript code included.

61. How to Build a Simple Blog Using Node.js

In this tutorial I’m going to show you how to create a simple blog using Node.js and Cosmic JS. This is going to be the fastest and most light-weight blog you have ever created. Let’s get started.

62. How to Export HTML Tables into PDF Documents Using JavaScript

Web apps that contain tables, charts, and graphs often include an option to export the data as a PDF. Have you ever wondered, as a user, what's going on under the hood when you click that button?

63. 19 GitHub Repositories to Make you a 10x Developer

Invaluable pointers about repositories on GitHub that offer immense value to developers that are at the early stages of their journey.

64. Using Session Cookies Vs. JWT for Authentication

HTTP is a stateless protocol and is used to transmit data. It enables the communication between the client side and the server side. It was originally established to build a connection between web browsers and web servers.

65. JavaScript Just Became 10X faster Thanks to a New Game-changing Feature From Chrome

Chrome's V8 team just dropped a game-changing feature that makes JavaScript blazingly fast!

66. Function Composition with Lodash

Have you been reading JavaScript posts lately? Maybe you’ve noticed that functional programming is really popular right now. It’s a really powerful way to program, but can be overwhelming to get started with. Thankfully the most popular NPM package (with 48 million downloads this month) has a very useful functional programming package to help us get started!

67. How to Use Google Sheets API with Nodejs

First of all, a brief overview of our use case. Let's say I have a spreadsheet on Google Sheets which is not public and I want to be able to read/modify programmatically through some batch process running on my local machine or some server. This is something I had to do recently with a Node.js application and I found the authentication part a bit tricky to understand. So I thought of sharing my solution and I hope it helps someone in need. There might be better ways of doing this but I am sharing what worked best for me.

68. The Best Practices for Front-End Development

The Best Practices for Front-End Development

69. Effective Code Splitting in React: A Practical Guide

Large bundle sizes and slow startup is a common problem faced by single-page applications (SPAs), since they typically download all the JavaScript required for every single page of the application right at the start, before rendering a single pixel.

70. How to Remove the Last Element of a JavaScript Array

One of the most frequent operations we perform on an array is removing the last element. There are a few different ways to do this - but one of the most common

71. How To Implement Google Authenticator Two Factor Auth in JavaScript

Google Authenticator is something that many of us use all the time but how many of us really understand how it works under the hood?

72. How to Use Type Casting in Typescript

To cast something in TypeScript, we use the 'as' keywords. Here's how type casting works in TypeScript.

73. 7 FrontEnd JavaScript Trends and Tools You Should Know for 2020

The JavaScript world is moving fast.

74. React forms with Formik and Unit Testing with react-testing-library

Setup

75. The 24 Best CSS Free to Use Buttons (with CodePen Examples)

If you're looking for some awesome CSS buttons, you've come to the right place. I've curated 24 of my favorite free to use CSS buttons.

76. Making a game with Javascript: Part 1

I really wanted to write a tutorial about a game technology I like to use, so here it is. In this story, we will start making a little shoot’em up game with PixiJS, a really simple and cool Javascript library.

77. Setting up a GraphQL Server and Client in Next.js

This tutorial will explore how to create a GraphQL server and client with Next.js to provide a more efficient and flexible development experience for our users.

78. Understanding SOLID Principles in JavaScript

The invention of SOLID principles began in the late 80s. Robert C. Martin started to develop these principles while arguing the principle of software design on USENET (an early kind of Facebook). After addition and subtraction, Robert C. Martin formulated the principles in the early 2000s. It was until 2004 that the principles were arranged and called SOLID principles. It is an acronym that stands for five specific design principles.

79. The advantages of building your website from scratch

Most of the people I talk with regarding the product or website that I am developing, tend to ask if I’m using any frameworks or libraries. When I say none, they usually look very surprised and ask, “Why!? It’s far easier to use a library, and it saves a lot of development time”. They make me question myself again and again, but every time I confirm that I made the right decision. Each and every single line of code that makes my product alive is written by me, by my own way of thinking, and my own creative ideas. It may not be perfect, maybe even off the web guidelines, but this is how you learn!

80. Create a Simple Twitter Bot with Node.js

How about a Twitter Bot that retweets, favorites, on the basis of hashtags and replies to other users if they follow it? I made a similar kind of a Twitter Bot (@<a href="https://twitter.com/nodejstweet" target="_blank">nodejstweet</a>) that feeds me the latest or the ongoing news/articles/how-to’s on a set of hashtags such as #Nodejs, #MongoDB, #AngularJS, #IonicFramework, et cetera. At the time I never expected it having more followers than me but that has been surpassed.

81. 15 HTML element methods you’ve potentially never heard of

Note to self: write an intro that eases the reader into the article, rather than just jump right in.

82. JavaScript Build Tools and Automation Systems

JavaScript has become a very popular tool for web developers all around the world today. You can get to build lots of projects such as building web applications, mobile applications and so much more.

83. Building React Forms with Formik, Yup, React-Bootstrap with a Minimal Amount of Pain and Suffering

A few days ago I applied for a front-end dev job and heard back from the company. They followed up with an email and wanted me to complete a React coding challenge on HackerRank as part of the interview process. The test consisted of only two question and pertained to React.

84. How to Use .env Environment Variables in Vue

Vue.js also lets us use .env variables, but it works slightly differently. So let's look at how to use .env variables in Vue.

85. How to Print labels with TSPL and JavaScript

Label printers can support programming languages like TSPL, ZPL, EPL, and so on. In this piece will take a look at building labels using TSPL commands

86. Node.js VS JavaScript: Differences & Similarities

Do you know that along with CSS and HTML, JavaScript is one of the 3 main things of the World Wide Web? It facilitates interactivity to the web app pages, therefore, it is extremely crucial for web applications. A majority of web applications use this tool and all the major web browsers have a dedicated JavaScript engine to execute this.

87. Top 10 React Libraries on GitHub

Created by Facebook, React has gone on to become a really powerful JavaScript framework, making the job of frontend development easier for programmers. If you have spent some time working with React JS, you would agree that a couple of other libraries need to be used with React to get the best experience.

88. How to Authenticate a User via Face Recognition in Your Web Application

Facial recognition-based authentication to verify a user in a web application is discussed in a beginner-friendly manner using FaceIO APIs.

89. Top 10 Javascript File Managers

File management is a helpful tool in any business application. Here is an overview of the most functional, elegant, and popular JavaScript File Managers ready to be built into the client-server solution. Even if you do not have a direct need to work with files, you can borrow the classic file explorer interface for other tasks. For instance, there are some cases of the classic interface becoming the basis for a new web application in this article.

90. These 6 essential tools will release, version, and maintain your NPM modules for you

Learning how to implement them for your own projects will save you a ton of time!

91. Scale Your Microservices with an Easy Message Queue on Redis

If you’re a microservices developer considering communication protocols, choosing an event-driven architecture might just help you rest a little easier at night. With the right design, event-driven architecture can help you to create apps that are decoupled and asynchronous, giving you the major benefits of your app being both performant and easily scalable.

92. Recording Audio in React Native

In this tutorial, we are going to learn how to record and play audio to React Native apps. We are going to build a simple screen that supports features such as recording audio, playing audio files, pausing and resuming, as well as resetting audio streams. The final app will look like the image below.

93. How I configure VSCode for Everything

94. Finding The Most Important Sentences Using NLP & TF-IDF

We’re going to use Term Frequency — Inverse Document Frequency (TF-IDF) to find the most important sentences in a BBC news article. Then we are going to implement this algorithm into a quick & easy Firefox extension.

96. Private NPM Registry in 30 Seconds with Bit

Setting up a <a href="https://hackernoon.com/tagged/nodejs" target="_blank">Node.js</a> package registry is often the first step towards scaling code-sharing and making life a little bit easier for your team.

97. How to Render 3D Model in a React JS Application

In this article we are going to use Three.js to render an iPhone model in a React application. We will use react-three/fiber and react-three/drei.

98. How to Install Node Versions and Upgrade or Downgrade Them

Learn the best way to install Node and keep it up to date.

99. 5 Best JavaScript Chat Libraries

Chats and messengers increase users' interest in the site. With online chats customers may get immediate information about the products they are looking for.

100. How to manage state in Next.js 13 using Redux Toolkit

With server and client components in next.js 13, this tutorial will take you through integrating and managing state using redux toolkit in your project.

101. How to Setup a NodeJS App with Express And TypeScript

In this article, I want to show you How to set up a Node Express with TypeScript like a PRO.

102. Top 10 JavaScript Charting Libraries for Every Data Visualization Need

There're numerous JavaScript charting libraries. To make your life easier, I decided to share my picks. Check out the best JS libraries for creating web charts!

103. Handling Loading Actions: The Proper Way in Redux

TLDR; Don’t put UI logic into reducers instead put it into a separate reducer.

A little trick that helps to show your dropdown items everywhere without being cut off.

105. A Cache is Fast: Enhancing our API with Redis

In the last couple weeks we’ve used <a href="https://hackage.haskell.org/package/persistent" target="_blank">Persistent</a> to store a <code class="markup--code markup--p-code">User</code> type in a Postgresql database. Then we were able to use <a href="https://hackage.haskell.org/package/servant" target="_blank">Servant</a> to create a very simple API that exposed this database to the outside world. This week, we’re going to look at how we can improve the performance of our API using a <a href="https://redis.io/" target="_blank">Redis</a> cache.

106. The Best NestJS Boilerplate to Start Your New Project

How to choose a starter kit / boilerplate for your next NodeJS + NestJS project? Boilerplates comparison

Nowadays, Modals are one of the most used components in React Application, having an easy way to create React Modals will help you sheep Modals related features fast in your upcoming React Applications.

108. Java vs. Scala: Comparative Analysis for Backend Development in Fintech

Choosing the right backend technology for fintech development involves a detailed look at Java and Scala.

109. Advanced JavaScript Tutorial: How to Reload a Page with Location.reload(true)

Have you ever felt like you needed to start over and press the refresh button?

110. How To Improve Your Backend By Adding Retries to Your API Calls

Whether you're making API calls from Node.js or in the browser, connection failures are going to happen eventually. Some request errors are valid. Maybe the endpoint was wrong or the client sent the wrong data. Other times you can be sure that the error is the result of a problem with the connection to the server or one of the many hops in-between. While API and web service monitoring can inform you about the problem, a more active solution can take care of it for you.

111. React vs. JavaScript: Why React Web Apps Are Better than Plain Websites

With single-page apps taking over the world, this is the perfect time to know how React won the battle of React vs JavaScript and why you should care.

112. Using PrismJS as a Syntax Highlighter in React

PrismJS is a library written using JavaScript, which is used for syntax highlighting or code highlighting.

113. The React Developer RoadMap

An illustrated guide to becoming a Read JS Developer with links to relevant courses

114. How I Relocated to the US and Found a Job at Roku

This post and the creation of the telegram channel were motivated by the lack of detailed information about interviews for Front-End engineers in the USA.

115. How I Create Websites: The Process of Web Development

Many people, especially beginners, think that developing a website is purely about coding, but it’s not like that. There a lot of other things that you need to do if you wanna create at least a decent website. The part when you actually make a website with code or with WordPress or some other CMS is just a small part.

116. How to Scrape Data From Any Website With JavaScript

Learn how to scrape the web using scripts written in node.js to automate scraping data off of the website and using it for whatever purpose.

117. 32 Awesome JavaScript Snippets (one-liners) You Should Use in 2023

I'd like to share some useful JavaScript stuff I have saved

118. How to Find Location Using IP Address in NodeJS

Ever wondered why Google shows you content based on your location, or ads you see on websites are customized to your location? All this happens because of geolocation which makes it possible to identify the country, state and sometimes even the city based on your IP address of your device.

119. Understanding CORS: Why It's Important and How it Works

This article will explain what CORS is, how it works, and why it is important.

120. 6 Easy Steps to Use Next Auth in Next.js 13 Using Route Handler

Next.js is a JavaScript framework that enables developers to create front-end web applications that are run on a server. It is a React-based framework that is e

121. State Management in SolidJS Applications

State management for SolidJS applications with signals and stores. Do you need a state library like Redux or MobX for your SolidJS app?

122. "If You Have a Goal, You Can Reach it" Nominee Nominee Yan Tsishko

Yan Tsishko is a chief software engineer at Oxagile. He believes Javascript/TypeScript is the most exciting technology & that frontend is the future of tech.

123. How to Use Bulma And VueJS Together

Bulma is a free, open-source CSS framework based on Flexbox and used by more than 200,000 developers. It's the easiest to learn (my opinion) due to its natural naming of classes and a simple grid system. It's not that popular like Bootstrap, but it got a specific fanbase.

124. 5 Free JavaScript Spreadsheet Libraries in 2021

Spreadsheet libraries are in high demand today. Such solutions are convenient as they offer ready-made applications, save the developers' time and the owners' money. They can be used in any business domain to deal with big amounts of data.

125. Pros and Cons of WebSocket and EventSource

In this article, I've discussed the advantages and disadvantages of WebSockets and EventSource.

126. A Look Ahead to Programming Languages in 2020

Python and JavaScript are the two hottest programming languages today. However, they cannot remain on top forever. Eventually, they must fall out of favour, as all languages do. This is likely to happen within the next decade or so.

127. Build a Single Page Web3 App with Vue 3, Vite and Pinia

A complete how-to guide on creating, testing, and deploying an example bookstore application with Vue 3, Vite, Pinia, Nightwatch

128. The Top 66 Developer Resources From 2017

Update 2019:

129. How to Build a Search Bar in React with React Hooks

Below is a small gif of what we will be building. A simple search box that allows us search through a contact list. We would be using functional components rather than class based components to achieve this.

130. 9 Functional Programming Concepts Everyone Should Know

This article will introduce functional programming concepts that every programmer should know. Let's begin by defining what functional programming is (FP from now on). FP is a programming paradigm where software is written by applying and composing functions. A paradigm is a "Philosophical or theoretical framework of any kind." In other words, FP is a way for us to think of problems as a matter of interconnecting functions.

131. Understanding JavaScript Prototypes and Its Methods

Get deeper understanding what is prototype, Object.setPrototypeOf and obj.proto and ways of use it in JavaScript.

132. The 10 Best JavaScript Frameworks to Use in 2023

In this blog post, we will explore the top 10 JavaScript frameworks to consider using in 2023, along with their pros and cons.

133. How to use idb, a 1kb package that makes IndexedDB easy

134. Enhancing Global Communication: The Power of Multi-Language JavaScript OCR APIs for Document Process

Multi-language JavaScript OCR APIs enhance global document processing, streamline communication, and break language barriers for businesses worldwide.

135. Why AI-Powered Image Hosting APIs Are Essential for Modern Businesses

Discover how AI and image-hosting APIs transform image management for businesses, offering automated tagging, image recognition, and efficient content delivery.

136. Distroless Containers: Hype or True Value?

The goal

137. Next.js and File Downloads: Three Ways to Restrict Access to a File

Let's see exactly how we can protect files in next.js and allow certain users only to download them. Click to read the article...

138. How to Build A Well Structured 3-tier Architecture (MERN Stack - ES6) [Step-by-Step Guide]

This project serves as a guide/template for a 3-tier architecture. If you are entirely new to Web Development. I highly suggest you watch this video first.

139. Bootstrap Framework - Best Practices

At the time of this writing, we’re at Bootstrap v4.1.1 release! In their v5 roadmap, they’re planning to rewrite everything with <a href="https://postcss.org/" target="_blank">PostCSS</a>. When that happens, this guide will become deprecated. Until then, enjoy!

140. How to Migrate a React Project from JavaScript to TypeScript

Learn all you need to know to successfully migrate your React project from Javascript to Typescript.

141. Why You Should Learn Several Programming Languages & Where to Learn Them

We are living in an age of rapidly changing technology. With over 500 programming languages in use globally, it is a dynamic job market for developers. There are pros and cons of all the languages and their adoption is becoming more and more application-specific.

142. How To Use Debounce in Next.js

Understanding Debounce in Next.js

143. 4 Reasons Why React JS Has Taken Over the Front End Web Development

React.Js has taken the role of a standard resource in front-end development and here are some of the reasons why the language has done so well recently.

144. Creating Extension Methods Using Typescript

I really like C#'s extension method feature. I was trying to experiment it on Typescript with decorators.

145. Functional Programming With JavaScript: A Deep Dive

Unlock the power of functional programming in JavaScript! Learn key concepts, practical examples, and unleash its potential in your projects.

146. Practical tasks for JavaScript interview

Practical tasks like phrase reverse, event loops and using keywords are likely to be used to test you if you are applying to a job that uses Javascript.

147. How to Make a Silky Smooth Scroll in React

Have you ever been working on a project and wanted to scroll smoothly through your app?

148. Making TypeScript Truly "Strongly Typed"

How to Control the "Any" Type to Achieve Ultimate Type Safety With TypeScript.

149. The Array Methods Coming to JavaScript in 2022

Javascript is introducing a few new array methods which let us simultaneously copy an array, rather than changing the original. Let's look at how they work.

150. Insert JavaScript into HTML Using the Script Tag

The script tag is the primary method to insert JavaScript into the HTML page. We will look at all the ways to use the script tag and the importance of each.

151. Building a Real-Time Chat Application with Websocket

152. Using JavaScript to Create and Generate UUIDs

Universally Unique Identifiers (UUIDs) are used everywhere in software development for everything from identifying object elements to DOM elements on a web page

153. 7 Hardest Programming Languages to Learn in 2023

If you're a thrill seeker and up for a challenge, you're in luck because I'm here to give you a rundown of the top most mind-bending programming languages.

154. What Are the Challenges of Learning New JavaScript Frameworks? | GrapeCity JavaScript

Learn about the top challenges developer face when they are learning new JavaScript frameworks. See more from GrapeCity today.

155. Using React Router v6 for Private and Public Routes with Access Validation

In essence, React Router is a routing library designed for React-based web applications. Its main purpose is to facilitate navigation between components or view

156. A Guide to Angular Signals With Practical Use Cases (Part 1)

Part 1: A detailed exploration of Angular Signals, touching on three use cases and their practical applications.

The Story of how we share and sync our components and modules between projects as a team using a tool built for the job called <a href="https://bitsrc.io" target="_blank">Bit</a>.

158. Angular 16: A New Way to Get Route Information in Angular

Angular 16 introduces a simpler way to obtain route information through @Input. Streamlined code, enhanced development experience. Embrace the power of Angular

159. How to Retrieve Player Stats from the NHL's undocumented REST API

It's that time of year again. Summer is coming to an end, Autumn is around the corner, and the NHL season is about to begin.

160. [Launched] First Open Source Headless CMS Running on AWS Serverless To Cut Hosting Bill by 60%-80%

So why you need another Headless CMS? For a change, with this one, you won't worry about scaling, installing, configuring and managing infrastructure.

161. What’s the Difference Between path.join() and path.resolve()?

Learn the differences between the Node.js functions path.join() and path.resolve() and when you should use one over the other.

162. Stop Using State for React Forms, There is a Much Better Way!

Learn how to optimize the performance of react forms by replacing useState with the native feature of JavaScript.

163. How to Publish a React Component as a Package to Npm

This is a step-by-step approach to publishing a react component as a package to the npm registry

164. Package Your React App with Spring Boot [A How-To Guide]

A little backstory on how this started. My team needed to save some on money on the infrastructure we were requesting and since most of the load for the application we wanted to build would be on the client-side rather than the service side. We decided to see if we could combine a Spring Application with a React app and serve up a single war file.

165. 2 Quick and Easy Ways to Fix 'Uncaught SyntaxError: Cannot use import statement outside a module'

In this quick guide we'll look at how you can solve the very common error, "Uncaught SyntaxError: Cannot use import statement outside a module".

166. How to Detect Malicious JavaScript Code

JavaScript is a powerful tool that has changed the way we interact with websites and different apps.

167. How I Solved the WebSocket Scaling Problem Without Breaking the Bank

A long time ago, I had to create a scalable system that could be capable of handling hundreds of simultaneous connections at not very high cost.

168. Mastering JavaScript Shorthands

Today, we'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant.

169. Top 3 Coding Challenges for Expert-Level JavaScript Developers

Proving that you're a JavaScript Expert would probably involve a test from prospective employers. These three tests are common ones that they use for recruiting

170. API Error Handling in React

I will tell you what formats for common handlers exist and why it is better to agree on a single format with the backend than to fence a new solution every time

171. Build a JavaScript Loan Calculator With HTML & CSS

172. 5 Most Popular React UI Component Libraries

According to Stack Overflow Developers Survey 2020, ReactJS was voted as the most loved and wanted Javascript web framework.

173. Is Lodash That Good? Performance Comparison of JavaScript and Lodash

Lodash is a very popular JavaScript library and I have come across it in almost every project I have, but was it justified? is she that good? let's find out in

174. How to Set A Default Checkbox Value in React

In this guide, we will see how to make the checkbox checked (or unchecked) by default.

175. Writing a Simple MVC (Model, View, Controller) App in Vanilla Javascript

While working on my front-end skills I wanted to see what implementing the MVC pattern could look like in a simple vanilla Javascript app.

176. Top 3 Coding Challenges for Expert-Level React Developers

If you need to prove that you're a React Expert to any prospective employers, the following React concepts are likely to be tested by them and are worth knowing

177. The Best JavaScript APIs for File Upload in 2025

This article highlights the eight best JavaScript APIs for file uploads in 2025, analyzing factors such as scalability, ease of use, and advanced features.

178. 13 Useful React Libraries for Devs in 2023

Being a modern React developer is not only about understanding the core concepts of React but also about getting well-versed with the whole ecosystem of React.

179. 8 Places to Learn System Design and Software Architecture for Technical Interviews

Hello folks, if you are preparing for System design Interview and looking for best resources to master Software design and System design then you have come to the right place.

Honestly, I'm not sure I'd use this. For cases where a URL or file is not being shared, it does not seem to work well. And sharing a file seems problematic.

181. What's The Right Way to Fetch Data in React Hooks? [A Deep Dive]

The React Hooks docs has a FAQ entry: “How can I do data fetching with Hooks?” where they link to this well written and detailed article by Robin Wieruch. There is however a shortcoming in that approach which affects correctness is some important situations.

182. Exploring the WebUSB API: Connecting to USB Devices and Printing With TSPL/TSPL2

The WebUSB API provides classes and methods that allow us to connect devices and send or receive data via USB on web browsers.

183. Using the typeof Operator in TypeScript

Let's look at how typeof works in TypeScript.

184. Creating React components in Structor — React UI Builder.

Here we will run through a brief tutorial about how to create a React component using <a href="https://material-ui-1dab0.firebaseapp.com" target="_blank">Material UI</a> library.

185. Qwik vs Next.js: Speed Comparison

A benchmark comparison and analysis between Qwik and Next.js 13.

186. How to Use the JavaScript Slice() Method in React

The slice() method in JavaScript can be useful for extracting a portion of an array and returning a new one, which can be useful in various situations.

187. How to Build a Shopping Cart with Next.js and Zustand: State Management with TypeScript

Learn how to manage a React global state with Zustand and TypeScript. Practical guide and code samples. Persist global state in localStorage.

188. The Scrollbar Customization in CSS and JS (2024 Update)

CSS customisation support, CSS hacks and tricks, JS solutions and criteria to choose JS libraries

189. A Beginner's Guide to HTML, CSS, and JavaScript

Unlock Your Web Development Potential with this Beginner's Guide to HTML, CSS, and JavaScript! Learn the Fundamentals and Create Stunning Websites.

190. Inheritance vs Composition: Using a Role-Playing Game in JavaScript as an Example

How to avoid inheritance problems using composition and functional programming

191. Top 10 Programming Languages To Learn in 2022

The craze for learning programming languages is very high. These days people have one question in their mind and that is which programming language should one prefer in 20201 and why?

192. The 7 Deadly Sins of Using React

As I was wrapping up this post, my six-year-old daughter asked what I was doing. I told her I was writing about how sometimes people build software the wrong way. She gave me a confused look: “Why would anyone want to do that!?”

193. How To Create A Template Engine Using JavaScript

A tutorial on creating a JS template engine with parsing and precompilation.

194. What is GRASP? Information Expert and Creator Principles in JavaScript

What is GRASP? Why do we need it? Information expert and creator principles using Javascript examples.

195. Learn To Code in 30 Days: My Personal Journey

Learning how to code is something I’ve thought about doing for some time but always found an excuse for putting it off. Then the pandemic happened, flipping my schedule upside-down. If I was serious about wanting to learn, then this was the perfect opportunity. It was time for my next 30-day challenge.

196. Integrate Bootstrap 4 and Font Awesome 5 in Rails 6 [A How To Guide]

Rails 6 is out for few months now, I happen needed to do a project with it. But I found I can't use the same way to integrate Bootstrap 4 & Font Awesome 5 in Rails 5 in my new project. Because in Rails 6, it start to use "webpack" as default Javascript complier.

197. A Guide to Angular Signals With Practical Use Cases (Part 2)

Today, we’ll delve deeper into Angular Signals, exploring more real-world scenarios where Angular Signals can be an indispensable tool.

198. How to Implement Caching Efficiently in NestJS Using Redis

In this post, we’ll look at using Redis to give cache capabilities to a NestJS project. We’ll discuss Redis, what caching is, and the implementation procedure.

199. Creating a Terminal Emulator in React

How to create a terminal emulator in React and Typescript

200. Build a Chat Room With Socket.io and Express

In this article, we are going to create a chat application that connects people, anonymously, to different rooms together in pairs of two.

201. Three Main Components of JavaScript

JavaScript is certainly one of those programming languages which you can get started within a few hours due to its simple syntax, but would probably take you years to master it.

202. It's Hard to Create a PWA With Next.js: But Why?

Discover the challenges of creating PWAs with Next.js, the powerful next-pwa plugin, and the exciting future with the @imbios/next-pwa package.

203. Creating an Accordion With Vue.js: A Step-by-Step Tutorial

In this article, we will be creating an accordion with vue.js. It is used mostly for expandable FAQ sections in websites.

204. How to Build Microservices in Nest.JS

An example that demonstrates using NestJS as a base framework for building lightweight, well-structured and amazing microservices.

205. Migrating your Node.js REST API to Serverless

I’ve dabbled a fair share in the dark arts of Serverless. Digging into the various pros and cons of not having dedicated servers, or instances you can call your own. Even if they technically are not. They’re just in some undisclosed server farm somewhere floating in the cloud.

206. Top 5 Programming languages for Software Developers - Best of Lot

I have read somewhere that a programmer should learn a new programming language every year ( I think it's code complete, not sure, though), but if you cannot do so, I suggest to at least learn following five programming language to do well in your career.

207. Create your React.js Address Autocomplete Component in 10 minutes ⏰

Hi guys, I want to introduce use-places-autocomplete. It's a React.js hook for Google Maps Places Autocomplete. With it you can build your own places autocomplete UI like the following demo easily! Hope you guys 👍🏻 it.

208. How to Handle Asynchronous Data Requests Using Redux Toolkit

Fetching data asynchronously with Redux Thunk was always too much of a hassle for developers until Redux Toolkit arrived with so many promising features.

209. Which Front-End Framework Is Better? A Comparison Between Angular and React

This article compares two powerful open-source front-end technologies, Angular and React.

210. Using ReactJS and Context API to Build a Custom Toast Notification Component

Learn how to build a custom toast notification component in React using Context API. Add progress bar, pause on hover, and dismiss button functionality.

211. Object-oriented Programming vs. Functional Programming: Which Is Better?

Let’s dive in to learn about object-oriented programming and functional programming. What is object-oriented programming/OOP? What's functional programming/FP?

212. Understanding Function Overloading in TypeScript

Function overloads, generics and union types — excellent tools for full-fledged work with types in TypeScript.

213. Mastering Angular Control Value Accessor: A Guide for Angular Developer

Unlock the potential of Angular Control Value Accessor in this comprehensive guide. Learn to create custom form controls, troubleshoot issues, and follow us.

214. How to Simulate a Backend REST API with json-server for CRUD Development in React

Simulate a backend REST API for React development with json-server. Set up a fake REST API to prototype and mock frontend application.

215. Scraping Google Search Results With Node JS

In this post, we will learn web scraping Google with Node JS using some of the in-demand web scraping and web parsing libraries present in Node JS.

216. Top 5 React Interview Questions in 2022

ReactJS is the most popular choice, and this lesson on how to answer ReactJS interview questions will help you get the job.

217. Python vs JavaScript: Main Differences, Performance Comparison, and Areas of Application

The complexity of modern web apps lies far beyond creating eye-catching user interfaces with countless elements. To enable lag-free experience and effortless scalability, it’s important to pay due attention to the architecture design, which can be pretty challenging. Under the hood of a full-featured online app, different frameworks and libraries can peacefully coexist with different programming languages used to build software. Since the equation may contain so many variables, it’s essential to master your knowledge of each potential system component to know when and why to use them.

218. JavaScript Spread and Rest Operators: A Guide

Understand Javascript Spread and rest operators

219. Publishing a Node.js CLI tool to npm in less than 15 minutes

Have your Node.js CLI tool up and running, accessible from everywhere in less than 15 minutes.

220. Virtual DOM, Reconciliation And Diffing Algorithm Explained Simply

Ever wondered what makes react so fast ? Here's a detailed explanation why react is fast and what is virtual DOM.

221. A Beginner's Guide to The Big O Notation

So for anyone studying computer science either in college, boot camps or just self-learning, there is one topic that is always a stumbling block and that is Big O Notations.

222. Best Practices for React Performance Optimization

Learn to React performance optimization with practical examples to create blazing-fast web apps for a seamless user experience.

223. Node.js Tutorial: How to Build a Video Streaming Application in 10 Minutes

hi folks, in this blog we will build a Node.js video streaming application in like 10 minutes.

224. How to Run Machine-Learning Models in the Browser using ONNX

Learn how to use ONNX Runtime Web to deploy machine-learning models natively to the browser.

225. Display Desktop Notifications Using JavaScript

Learn how to use the Notification Web API to display desktop notifications in JavaScript.

226. How to use CodePen Code Inside Your Webpage

With the world rapidly evolving by the minute, staying on top of the in-demand skills’ curve is a voluminous task. Web Development is one such skill that is almost essential to the modern developer. With a market size of about $40Bn in 2020, the need and opportunity for quality web developers are ever so evident.

227. Using React and Typescript to Create Reusable and Customizable Modals

Create reusable and customizable modals with React and TypeScript. Learn how to make a complete modal with React Portals and styled-components.

228. A Definitive Guide to JavaScript Prototypes

With bite-size code snippets and easy explanations.

229. A crash course on Serverless with AWS : Building APIs with Lambda and Aurora Serverless

Ever since AWS made a serverless option of AWS RDS Aurora generally available, I’ve been on the edge of my seat, eagerly anticipating all the various possibilities. It would mean a breakthrough in building serverless architectures. No more managing connection pools with SQL. No more worrying about capping out available connections. This would make it viable to use serverless for database intensive operations.

230. Set Up Airbnb’s Linter (React + Node)

A linter flags anything in your code that breaks its pre-defined rules (“style guide”). Each style guide has different opinions about what constitutes “good” JavaScript code. This post uses <a href="https://github.com/airbnb/javascript" target="_blank">Airbnb</a>’s style guide; <a href="https://google.github.io/styleguide/jsguide.html" target="_blank">Google</a>’s is also popular.

231. 3 Coding Challenges For Junior JavaScript Developer Interviews

3 of the Most Popular Coding Interview Challenges for Junior Developers.

232. 16 JavaScript Protips [2020 Edition]

When I began learning JavaScript, I made a list of every time-saving trick that I found in other people’s code, on code challenge websites, and anywhere other than the tutorials I was using.

233. Why Should Every Javascript Developer Avoid Using if Statements

Stop using if statements unless absolutely necessary. Using if statement is a clunky way of writing code and should be avoided wherever possible.

234. Top 9 Tips to Improve React Performance

These 9 tips will help you improve the performance of your React code so that you can make the most out of your software and maximize what you are capable of.

235. Remix Framework Review

Edge SSR, nested routes, and no client-side state differentiate Remix from Next.js, Gatsby but not best suited for realtime apps and sharing data across routes.

236. CromaApp: My First React Native App After 7 Years of Backend Development

Well, I had done some javascript development(node.js) in the past but javascript has changed a lot after ES-6. TIll now my main focus has been backend development in java and ruby(RoR mainly). I am going to share my experience on writing my first react native app.

237. 10 More TypeScript Alternatives

In this article, we will continue our discussion and talk about the most popular TypeScript alternatives.

238. How Similar Are Programming Languages?

Everyone is saying that programming languages are similar, but just how similar? Does it mean that if you know one programming language you know all the others?

239. Step by Step Guide to Create 3 Different Types of Loading Screens in React

Here I will show you 3 ways to create cool loading screen or preloader in React.

240. Cache API Calls in JavaScript by Memoizing Promises

Cache API Calls in JavaScript by Memoizing Promises. Store promises in a map with unique key, if the same API is called with the same params, serve from cache.

241. Making a Custom Select Component in Vue.js [A How-To Guide]

Customizing the design of a select tag is notoriously difficult. Sometimes it's impossible without building your own from scratch using a combination of styled divs with custom JavaScript. In this article, you will learn how to build a Vue.js component that can be styled using completely custom CSS.

242. Use Sequelize ORM with Node JS Project

What is Sequelize

243. Listing of JavaScript Editable Table Libraries

In this article, we review a list of commercial JavaScript editable table libraries and UI widgets that can be incorporated into web applications.

244. Next-Level JavaScript File Handling: Advanced Techniques and Patterns

JavaScript offers a wide range of techniques that can greatly aid in web-based application development for file-handling purposes.

With a Scriptable app, it’s possible to create a native iOS widget even with basic JavaScript knowledge.

246. Creating Highly-Performant Animations using Web Animations API and React hooks

Using Web Animations API (a.k.a WAAPI) in the React hook way. Let's create highly-performant, flexible and manipulable web animations in the modern world. Hope you guys 👍🏻 it!

247. Correct and Efficient Way to Use Vuex: Part I

With this article, we begin a series of publications about Vue.js technology and try to make out the application development and all its components from different practical sides. In this part, we will tell you what the Vuex library is and analyze in detail such components as a store, state, getters, mutations, and actions.

248. 12 Websites That Will Help You Learn Web Development Faster (completely Free)

12 Websites That Will Help You Learn Web Development Faster (completely Free)

249. Easy File Type Converters Guide: Best Practices, Master Techniques, and More

This blog explores easy file-type converters. It explains what they do and why they matter for tasks like sharing documents and editing media.

250. 7 Best JavaScript File Uploads APIs in 2023

File uploads are a necessary thing for many web applications. They allow users to share their files, photos, and videos on your site with others.

251. How to Remove Console Statements From Production Build in 3 Easy Ways

Console statements create performance or security issues if you mishandle them. This article explains three ways to remove them from your production build.

252. Mastering API Requests in Angular: Best Practices for Efficient, Secure, and Maintainable Web Apps

Master the Art of Angular API Requests: Best Practices for Success!

253. Getting Started Building a Svelte App with SvelteKit

254. Integrating a Contact Form with EmailJS in React

In this tutorial, you’ll learn how to connect a front-end library, React, with EmailJS to receive user messages on your website or mobile applications

255. Inheritance vs Composition in JavaScript

Inheritance vs Composition in JavaScript. What is better, when use inheritance, when use composition. We will look at different examples on JS.

256. An Intro to the Astro Framework: Benefits and Drawbacks

Astro is a new framework, should it be one you should experiment with? Find out the features, benefits, and drawbacks that this new framework has.

257. Quickly Bulk Load Image to E-commerce Sites With This Guide

Manually updating each image one by one is not only time-consuming but also inefficient. This is where bulk quick image upload is helpful.

The result of the next pen shows the case where I'll use the Publish/Subscribe pattern. Every time you click on the Event button a square is added and a message with the number of squares is displayed.

259. Writing a Production Ready Express Server [A Step by Step Guide]

In this article I will be explaining how to write a simple express server that is of Production Grade.

260. Python vs PHP vs JavaScript: Which is Best For Your Next Project?

Python vs PHP vs JavaScript: A Comparative Study in 2021 discussing the UI/UX design, features, complexity, their back ends, and their front ends.

261. How to Encrypt and Decrypt with NodeJS

A simple tutorial to learn Encryption in NodeJS.

262. Understanding isObject Method in JavaScript

Hence, in this article, we will see how to create an isObject function and use it to check if an object is actually an object. So, let's get started!

263. React Project Structure: Best Practices

A more standard way of structuring React applications which scales across frameworks and projects.

264. Top 7 JavaScript Pivot Widgets in 2022

Pivot Charts are useful tools that can be relied on to visualise huge amounts of data. These 7 JavaScript Pivot Widgets are some of the best ways to use them.

265. Modern Style of Javascript with Arrow Functions

The complete explanation of Arrow functions in Javascript, and how it helps developers to write flexible and consistent code.

266. How to Use Screen Wake Lock API in React to Manage Screen Locking/Dimming in a Browser

LIVE demo 🚀 on how to integrate the Screen Wake Lock API into any React application with automatic reacquisition of a lock using react-use-wake-lock.

267. How to Implement Face Recognition in Vue.JS with FaceIO

Learn to add face recognition authentication to your web application

268. How to Send SMS Notifications and Alerts Using JavaScript and Node.js

You’re in luck, because you can add the ability to send and receive text messages easily with the help of a cloud communications platform.

269. Building Ping Command in Node.js: Practical Guide to Buffers, Sockets, and Bit Manipulation

Building ping command in Node.js for fun. Short practical guide to buffers, sockets, bit manipulation, performance measurement, and Wireshark.

When building Angular applications you compose the UI of your applications through shared reusable Angular components.

271. How I Cloned a Simple VSCode Using Tauri and ReactJS

How I built a simple code editor like VScode using Tauri and Reactjs

272. Creating Callable Objects in JavaScript

var obj = new CallableObject(); obj(args);

273. How To Implement The Prefetch Pattern in React Concurrent Mode

Recently, React announced a feature of the React ecosystem — Concurrent Mode. This would allow us to stop or delay the execution of components for the time that we need. It’ll help React apps stay responsive and gracefully adjust to the user’s device capabilities and network speed.

274. Introducing the Satisfies Operator in TypeScript

TypeScript beta 4.9 came with the new satisfies operator.

275. Building a New Tab Chrome Extension with Zero Dependencies

This story will walk you through the basic steps needed to get started building a new tab Chrome Extension powered by an API without any dependencies. Check out our Tech Stories Tab extension for reference.

276. Learn How to Emit Custom Events in Vue With $emit

In Vue, we use $emit, which lets us send data upwards, and then trigger an event in the parent component should an $emit event be fired.

277. Yelp's Mobile App Stability Soars to 99.98% with BugSnag

Yelp's Mobile App Stability Soars to 99.98% with BugSnag. Here's how it was achieved.

278. How To Customize an OpenAI Chatbot With Embedding

Learn how to leverage embeddings to have an OpenAI chatbot, built with React and Node.js, respond correctly to specific contextual prompts.

279. Singleton Pattern in ES6: The Good, The Bad, The Ugly

Singletons are fairly controversial as far as I can tell, especially in Javascript programming. Let's take a look at what they are, when to (maybe) use them, and when not to.

280. 8 Games You Can Play Right In This Article Built With HTML, CSS, and JS

In this article, I have compiled some of my favorite games built only with HTML, CSS, and JavaScript so that you can get inspiration for your future creations.

281. How to Get Base64 Encoded Data from an HTML Image Element in JavaScript

This tutorial teaches you how to get the Base64 encoded data of an image displayed in the HTML image element using JavaScript.

282. React Hooks: Performance Pitfalls And How To Easily Avoid Them

From version 16.8.0, React introduced us to a way to use state and other React features without writing a class — React Hooks.

283. How to fix Security Vulnerabilities in NPM Dependencies in 3 Minutes

Hola people!!! 🥑

284. How to Configure Path Aliases in Frontend Projects in the Native Way

We’ll explore the imports field in package.json and how it can be used to configure path aliases for various use cases.

285. How to Handle REST API Requests in React

REST APIs are commonly used in web development. They are programming interfaces that web apps use to 'talk' to each other. They are used to access features and data. 'REST' (Representational State Transfer) is a concept that defines the APIs properties. This article will focus on the use of web-based APIs to retrieve data from a database.

286. Applying Angular Runtime Configurations in Dockerized Environments

With the shift to Cloud-first and the rise of managed infrastructure and orchestrations such as EWS, Azure AKS or GCP clusters the application landscape needs to prepare and adjust itself to match newly rising requirements. This is for such nothing new nor unknown, but acknowledging this fact is one and probably the first important step.

287. Top 10 Javascript File Managers to Use in 2022

A brief intro to 10 file managers for software developers

288. A Beginner's Guide to JavaScript's The Intersection Observer API

Have you ever wanted to detect the visibility of an element and create a sleek reveal content on scroll effect in your project or website? Find out how .

289. One-Time Password Generation Using speakeasy, Nest.js And MongoDB

Here, we have designed and developed a flow for OTP(One time password) for user registration and also blocking a user's account after the maximum retries for incorrect otp is exceeded.

290. Top 5 Boilerplate Admin Templates With Node.js Backend

More and more developers are currently deciding to boost their workflow, minimize unnecessary tasks, and structure their virtual desks through admin panels with Node.js backend.

291. Solving the ATM problem with Dynamic Programming

Solving ATM problem with Dynamic Programming

292. Connecting RabbitMQ with Node JS

RabbitMQ is a message broker: it accepts and forwards messages. You can think about it as a post office: when you put the mail that you want posting in a post box, you can be sure that Mr. or Ms. Mailperson will eventually deliver the mail to your recipient. In this analogy, RabbitMQ is a post box, a post office and a postman.

293. Performance Tests on Common JavaScript Array Methods

In this post, I compare the running times of the most commonly used ways of looping through an array in JavaScript in order to see which one is the fastest

294. A Guide to Displaying Password Protected PDFs in a Web Application

Develop a Node application harnessing the power of Foxit PDF SDK Web. Integration allows you to effortlessly open password-protected PDFs directly in browser.

295. Top 3 Coding Challenges for Mid-level JavaScript developers

If you have a considerable amount of experience with JavaScript, you are expected to solve complex coding challenges.

296. JavaScript tutorial for Zero-Knowledge Proofs Using SnarkJS and Circom

In this article, I will show you how you can use zk-SNARK in your JavaScript project by using circom and snarkjs.

297. Animations in Browser

Animations can make any website visually appealing and user interactive, and in this article, we’ll cover the two primary ways of creating them.

298. How to create programming language that compiles to JavaScript

This article will demonstrate how to quickly write simple language that compile to JavaScript using free tools and PEG.js parser generator.

299. How to Build a React Component Library From Scratch

A component library is one of the coolest things a web developer can make, but if you don't know how to make one, let me guide you a bit.

300. How to Fetch Large Data Files Through GitHub API

At Hackernoon, I had a task to fetch some files from GitHub API. Initially, I thought it'd be a simple GET request but soon I realized the work is a headache. The file I needed was quite large and hence the response was telling me to use something different than I already knew. I ended up spending two days on this issue.

301. Browser Caching: A Practical Introduction

This article is just a brief introduction to browser caching. It has two main goals. First, to provide a few quick and easy-to-use recipes for beginners...

302. 110% Complete JWT Authentication with Django & React - 2020

303. How to Use a Hook in a Class Component

Did you know that you can use hooks in class components?

OK, I'm lying, kind of. You can't use a hook directly in a class component, but you can use a hook in

304. Creating a Node.js Server With Postgres and Knex on Express

Learn how to build a robust Node.js server using Express, and connect it to a PostgreSQL database with Knex, in this comprehensive guide.

305. Animating Line Charts With D3.js

Chart animations, which will make your application shine.

306. Migrating Away From Query Builders and ORMs in JavaScript or TypeScript

I spent the better part of a day moving a project completely off of the ORM we were using (TypeORM). Ever since I started doing web development, I’ve been using some kind of heavy abstraction on top of my database. Whether it’s Mongoose when I used MongoDB, or TypeORM when I decided to move to TypeScript and PostgreSQL. However, it turns out that ORMs and query builders aren’t so great. I used to be that person that thought ORMs and query builders did the job for me, and I used it as an excuse to not learn SQL (which is what everyone tells you NOT to do). Given the tools that exist today, I would wholeheartedly recommend doing it the opposite of how I did if you’re starting off new to these things — write your SQL stuff by hand, or with help from the tools I mention later in the post. It’ll feel really slow at first, but you’ll thank yourself later 😄

307. Using Redis Streams with NestJS: Part 1 - Setup

This is part 1 of a 3-part series, where we will explore how to use Redis streams with NestJS.

308. An Intro to Algorithms and Data Structures (Javascript Edition)

Understanding algorithms and data structures are crucial to enhancing your performance 10x more than your peers who don't. This is because you analyze problems.

309. Understanding Basic Image Processing Algorithms [A Hands-on JavaScript Tutorial]

We've had a lot of digital image processing tools for a long time: Photoshop, Lightroom, GIMP, PhotoScape, and many more. However, in the past few years, one became popular among non-expert users due to its easiness of use and social features: Instagram. Have you ever wondered how Instagram filters work? It is actually pretty simple matrix operations! So simple we can build our own without any external library, just pure and simple HTML + JS. Let's build one now.

Create reusable modal component in react js using hooks and portals. Using this modal you can render content dynamically with cool animation.

311. Understanding Typescript Generics and How to Implement Them

Typescript generics are a way to create flexible, reusable code components in typescript.

312. Using Decorators in Typescript

Typescript is a superset of Javascript. Decorators in Typescript are functions that add special behaviors to a class or members of a class.

313. A TCP Flow and HTTP Flow Guide: Changing HTTP Messages

Let’s take a closer look under the hood at what the process of changing HTTP messages is.

314. How to Manage Multithreaded Node JS Applications for Better Performance

In this post I'm going to show you how to potentially triple your Node application's performance by managing multiple threads.

315. Make Your Own Text Editor in 15 Minutes: Practicum Coding Bootcamp

It’s not like there aren’t enough text editors. But consider this: with about 60 lines of code (that’s close to nothing), you can make your own secure and stable text editor. It will be pretty simple and won’t have many features, but it will be of your making, even if you barely know how to code.

316. How To Master Elasticsearch Query DSL

Photo by Evgeni Tcherkasski on Unsplash

317. A JavaScript API Client Can Be a SaaS Product. Find Out How.

An API is not just a wrapper; it’s a separate, light-weight application that enables developers to interact with a full-featured software platform.

318. An Easier Way to Authenticate Users in E2E Tests

There are many cases in which you may need your tests to act on behalf of an authenticated user. For instance, if your Web application provides special functionality for authorized users, you will need your test to authenticate.

319. Upload Files Easily and Quickly in NodeJS Using Astro

How to upload files with Astro, express and multerjs

320. The Big O Notation in JavaScript

Understanding the Bachmann-Landau notation

321. Deploying a Simple Serverless Node.js Application on AWS Lambda Functions

Welcome to this comprehensive guide, where we will cover deploying a Serverless Node.js application on Amazon Web Services (AWS).

322. Poor Man’s Authorization: How to Implement RBAC for REST API with OPA

When it comes to application permissions, two results emerge from this situation:

323. ✨ Introducing react-cool-img: An easy way to optimize images

react-cool-img is a lightweight but powerful React.js image component, which helps you handle image UX (user experience) and performance as a professional guy 🤓. It empowers the standard img tag by many cool features without breaking your original development experience. Ideally, it can be an img tag replacement for your React.js project.

324. How To Implement localStorage or Firebase Firestore into your JS project

I am a great reader, I love books and I try to read as much as I can, no matter the topic, whatever, fantasy, comedy, sci-fi, educational...Books take me to another world, they make me feel, make me think, make me relax and make me disconnect from the day by day schedule. I cannot live without them.

325. How to Stop an Active Process on a Port

It is common in Node.js and other languages to run a script on a certain port. These are steps to take to stop an active process on a port.

326. How to Build A Passwordless Authentication with Email and JWT

In this quick article, you'll see how to prevent one of the OWASP Top 10 security issues for websites: authentication that hasn't been implemented correctly.

327. Getting started with React Native for Windows & macOS

News flash! React Native is not only for mobile development. It can also be used to create desktop apps for Windows and macOS. Learn how to get started with it.

328. How to Print images with TSPL and JavaScript

How to Print images with TSPL and JavaScript

In this article, I explore one of the use cases of React's higher-order component.

330. Introduction to 3D Javascript Library: Three.js Basics

The complexity of the Web is changing daily, and its scope is growing just as fast, especially with 3D rendering.

331. Maximize Your React Skills: Build a To-Do List App from Start to Finish (with TypeScript + Vite)

Master the basics of building an app with React and TS. Learn how to use state, props, and data flow to create a fully functional app.

332. How to Create a PDF Invoicing Web Application Using NodeJS and Foxit PDF SDK

Generating payment invoices is a crucial aspect of any business, and digital invoicing has become a common practice across various industries.

333. 5 Best VS Code Extensions for Refactoring that Every Dev Should Know

If you’re looking at ways to clean up our code, reduce complexity and improve functionality - these refactoring extensions will help you move faster.

334. JavaScript Promises, Callbacks, and Async/Await for Beginners

ES6 came with many new features, but one of the best features was the official introduction of Promises. Promises allow you to write clean non-callback-centric code without ever having to worry about callback hell. Even if you never write your own promise, knowing how they work is incredibly important, since many newer parts of the JavaScript API use promises instead of callbacks. The core idea behind promises is that a promise represents the result of an asynchronous operation.

335. The Fastest Ways to Teach Yourself JavaScript

JavaScript, the language known for “running the internet,” is entrenched in the programming world. Here are a few of the best ways to learn JavaScript.

336. How to Filter NSFW Images and Programmatically Blur Them

In this article, you will learn how to detect NSFW and inappropriate images and programmatically blur them.

React is one of the biggest JavaScript libraries for building user interfaces provided by Facebook and React-Native framework lets you to build native mobile apps which uses the same design as React library. One of the amazing fact about React-Native is that it’s not only about building Native IOS/Android apps but we can also build web applications using the same code and share more than 50% codes between React-Native(Mobile) and React(Web) because we are using React and JavaScript in both cases.

338. Exploring Monads in JavaScript for File Handling

Monad is not a fantastical creature or a rare gemstone. Instead, it's a design pattern from the functional programming (FP) paradigm.

339. Javascript Hacks for Hipsters

Javascript is so much fun, except when it’s not.

340. Your Definitive Guide to Lakehouse Architecture with Iceberg and MinIO

This post focuses on how Iceberg and MinIO complement each other and how various analytic frameworks (Spark, Flink, Trino, Dremio, Snowflake) can leverage them.

341. How To Use SASS In Your Create-React-App

Create-react-app is facebook's attempt at setting up a developer to get started building react apps very quickly. It is a boilerplate that comes pre-configured with a wide array of tools and technologies that ensure a smooth running react application. However, create-react-app does not come with Sass preprocessing by default. To add sass preprocessing, we would need to add an extra dependency to our list of dependencies known as node-sass.

342. The Clean Code Book for JavaScript Developers: A Quick Summary

This blog post summarizes the book “Clean Code” written by Robert Martin on how to write a readable and maintainable code.

343. How To Cache Images in an Expo Managed React Native App

Caching images in React Native can be easy, even if you are using Expo's managed workflow. The problem many devs run into is that React Native only supports caching images on IOS out of the box.

344. A Simple Script to Test Whether a STUN/TURN Server is Working Properly

How to test if the STUN/TURN servers are working properly?

345. How to Create Multilingual React Apps with react-i18next

This step-by-step guide covers setting up i18next, translating components, and switching between languages for a multilingual user experience.

346. Why JavaScript Developers Should Use the Debugger Instead of Console.log

In this article, I explain why JavaScript developers should prioritize using the debugger over console.log and explore the limitations of console.log.

347. Phaser 3 Game Framework: My Honest Review

I've been using Phaser 3 for a couple of months now, and I'm really enjoying it, but sometimes it makes shake my head 'why?' , only not in a 'bad way', making games is weird, js itself is weird, so it's only logical that Phaser, a game engine js-based... is weird. That's why I opted for the following way to address this review, I'm gonna be giving you something that I liked, next to why/how it was weird, in what's gonna be my attempt to look impartial. But first...

348. Modify and Reply To Deleted WhatsApp Texts [A How-To Guide]

A while back I was playing around with a chrome extension that allows you to restore deleted messages on WhatsApp web.

349. Svelte: Communication Between Components

In this mini-tutorial we are going to see two different ways of communication between components in Svelte 3: a callback passed as prop and event dispatcher.

350. Is Your Code Slow?: Avoid These 19 Common JavaScript and Node.js Mistakes

Learn about 19 common JavaScript and Node.js mistakes that can slow down performance, like excessive DOM access, poorly scoped events, blocking the main thread,

351. Creating React Dashboard Ultimate Guide Part 1: Overview and Analytics Backend

Below you can see the demo of the final application. Online demo is available here.

352. Create a Full Autocomplete Search Application with Elasticsearch, Kibana, NestJS and React

In this article, I will be walking you through how to set up elasticsearch on your PC.

353. 10 security tips for frontend developers

Web security is a topic that is often overlooked by frontend developers. When we assess the quality of the website, we often look at metrics like performance, SEO-friendliness, and accessibility, while the website’s capacity to withstand malicious attacks often falls under the radar. And even though the sensitive user data is stored server-side and significant measures must be taken by backend developers to protect the servers, in the end, the responsibility for securing that data is shared between both backend and frontend. While sensitive data may be safely locked in a backend warehouse, the frontend holds the keys to its front door, and stealing them is often the easiest way to gain access.

354. React useRef Hook Explained with Examples

Well, we all know that ref helps us to get access to the DOM. But let's consider next situation, we have some React component and we want to know how many times this component was rendered. How can we achieve that? Well, maybe we can use React useEffect and useState hooks to determine that the component was re-rendered. Something like this:

355. Unit Testing Functionality: Testing setTimeout and setInterval

Recently at a client, a question came up about unit testing functionality that used setTimeout and setInterval.

A scalable and maintainable strategy for tracking page navigation events in a React application.

357. Cool JavaScript Libraries To Consider Using in 2023

dJavaScript libraries are incredibly useful tools for any web app developer. They’re designed for boosting the development process and adding extra functionality to your projects with just a few lines of code.

358. Authentication Middleware in Express Gateway using JWT

I was trying to create my first actual microservice program and very soon I faced an issue: "How many times I should do the authentication?"

359. 7 React Admin Dashboard Templates For Your Next Project

Developing an admin area for your React web application can be very time-consuming. And it is just as important as designing all of the front-end pages. Both admin area of your web-application and the pages themselves must be pixel-perfect, fully responsive and have mobile-first and user-friendly web design. In this article, I listed some of the best ReactJS admin dashboard templates that can speed up your development and save you a lot of time and money, eliminating the costs of creating a web application from scratch.

360. Using React to Take Advantage of Markdown and Adding Functionalities to Code Blocks

Build a tutorial blog with React and Markdown. Enhance your blog's user experience with syntax highlighting, dark mode and copy to clipboard functionality.

361. Exploring Tree Traversal in JavaScript: Inorder, Preorder, and Postorder With Examples

Explore tree traversal methods in JavaScript: Inorder, Preorder, and Postorder. Learn their differences and how to implement them. #JavaScript #TreeTraversal

362. Learn How To Use Webhooks By Connecting NodeJS, IFTTT and Twitter

Learn how webhooks work and put together a simple Webhook integration with Node, IFTTT and Twitter in under an hour.

363. 5 JavaScript Project Management Libraries to Boost Web Development

Here are 5 JavaScript project management libraries that help to provide remote teams with an easy but effective way to organize tasks and activities.

364. Why NPM and Yarn f*cking suck

Opinion piece: What we can learn about documentation and logging

365. Debugging Angular Application in Production mode

Debugging Angular Application in Production mode

366. Add Event Listener to Multiple Elements in Javascript

If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula:

367. Creating Real-Time Chat App using React And Socket.io with E2E Encryption

Link link: Here is the example of the chat app we are going to build ✌.

368. How to Integrate an Image CDN in Your React Application

One of the most crucial maxims that I internalized during my career in web engineering is that every technical decision embodies tradeoffs. No matter the benefits, you’ll always face certain costs and restrictions: be it creating an abstraction in your code, scaling a distributed data store or choosing between web and mobile app format for the initial product launch.

369. The ATM Problem: Why the Greedy Algorithm Isn't an Optimal Solution

Solution to a popular Interview problem: Solve ATM task with Greedy Algorithm

370. What Did Node.js Provide that Rails Didn't?

When I graduated with a Computer Science degree at the end of 2012, Ruby on Rails was at its peak popularity with the startup crowd. It seemed like every hot startup was using it.

371. How Stream Processing Makes Your Event-Driven Architecture Better

If you’re an architect or developer looking at event-driven architectures, stream processing might be just what you need to make your app faster, more scalable, and more decoupled.

372. How To Implement Simple State Container From Scratch

Let's imagine that we have a component, a simple counter. The counter has a state and two buttons to manipulate with this state. We also have a function to render the state.

373. How to Build a Chrome Extension That Makes API calls

374. Learning the basics of MongoDB by Writing a User Registration API

Learning MongoDB has been one of the things in my checklist for the past 6 months but hasn’t gotten around actually learning it until now. In order to understand writing queries and all I figured it’ll be better to make something instead of just reading and watching some tutorials. So, I’ve decided to make a user registration API i.e, a simple registration form kinda thing with only sign up and sign in functions as of now. As learning Mongo was the main intention, I’ve decided just to make the core app which is the backend functionality and no front end as it’s not necessary and I hate to do it.

375. Creating a Simple Diagram by Using Elkjs and React Flow

In this article, we will look at the process of building a diagram with the help of Elkjs and React Flow libraries.

376. 5 VERY common code smells and how to fix them

5 easy wins to refactor even the worst legacy code

377. Getting Started with OpenAI API in JavaScript

Learn beginner-friendly AI development using OpenAI API and JavaScript. Includes installation guide and code examples for building AI-enabled apps.

378. Top TypeScript Utility Functions You Need to Know

TypeScript, the popular open-source programming language, has become a crucial tool in modern web development. As a superset of JavaScript, TypeScript bring

379. How to Build a Pokédex App with React and a Slash GraphQL Backend

In this article, we're going to walk through some of the basic setup for Slash GraphQL and then take a look at how I built a Pokémon Pokédex app with React and Slash GraphQL in just a few hours!

380. How to Create a Simple Web Dashboard for Efficient Data Analytics

Dashboard with different visualizations allows you to compare data and show changes and tendencies. In this tutorial I wil explain why and how to build one.

381. How to Build an Airbnb clone with React and ElasticSearch

This blog post will help you build powerful search UI experiences similar to Airbnb's. I will do this using ReactiveSearch - the most popular React UI components library for building search interfaces. I will do this by breaking down the UI into components so this will be helpful to build any search UI. In the process, you will also learn about about how to work with ElasticSearch.

382. Reusing React UI Components

When working with <a href="https://hackernoon.com/tagged/ui" target="_blank">UI</a> components, reusability across projects and teams is often the key to faster development, <a href="https://blog.bitsrc.io/building-a-consistent-ui-design-system-4481fb37470f" target="_blank">UI consistency</a> and simpler maintenance.

383. How to Sort an Array by Date in Javascript

We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly.

384. These Coding Interview Questions Will Separate the Pros From the Amateurs

I've crafted a set of 10 tricky questions that I pose to every new candidate to go beyond merely assessing someone's technical skills.

385. Creating a Personalized Map for Your Website with the Google Maps API

Learn how to create and integrate a personalized map on your website using Google API.

386. Demystifying React Hooks: Usage, Examples, and Common Mistakes

Unleash the full potential of React Hooks! Discover how to leverage this powerful feature to enhance your React applications with examples and common pitfalls.

387. 7 Best Practices for Speeding Up Code Reviews

Code reviews can be painful. But, there are plenty of ways we can make the process a better experience for both the code author and the code reviewer.

388. How to Pass Optional Parameters in Typescript

If you try to run a function with a different number of parameters than the function actually has, you'll get an error in TypeScript. Here's how to get past it.

389. How Javascript Was Created and Why The History Behind It Is Important

Having a humble beginning of starting as a language that was intended to handle browser validations to a full-blown programming language that powers a lot of desktop applications as well, JavaScript has traveled a long journey.

390. Patterns from Other Languages and Frameworks to Enhance Your Frontend Projects

Drawing from 12 years of programming across various languages, I'll share how I've applied principles from these to my frontend projects.

391. Essential Guide to Image Processing with WebAssembly

Simple image manipulations with WebAssembly and AssemblyScript in the web browser.

392. React Image Reordering Grid Drag and Drop (Desktop and Mobile)

Full story of my implementation of the DnD feature on mobile devices with examples on codesandbox.

393. A Step-By-Step Guide to Unit Testing for Express API

A detailed step-by-step guide to writing unit tests for your node express API using mocha, chai, sinon, supertest, rewire, and nyc.

394. How to use Recursion to Traverse JSON Objects and the Filesystem

I work primarily on application-level programs, so I tend to not use recursion very often. However, every now and then I need a function that is best solved recursively. It is important to be able to recognize when a problem is best solved recursively, and to be able to write it when the time comes.

395. Setting Up a Backend for React App in 15 Minutes

Recently I have introduced Directual on Hackernoon (see Low-code for hackers). Now I would like to continue with absolutely practical post. First, I will show the general scheme of combining Directual and React, and then you will find the live-demo of building an app from scratch to production-ready Docker-container.

396. JavaScript Interop and ASP.NET Core Blazor

Blazor is here, Will JavaScript be dead? I would say that the answer is NO at-least for now.

397. The Magic of Component-based Frontend Development

398. Creating a ride booking app with React Native

In this tutorial we’ll create a ride-booking app with React Native and Pusher. The app that we’ll create will be similar to popular ride-booking apps like Uber, Lyft or Grab.

399. Defining Types: Using allOf in Swagger JSON

Image by Devanath from Pixabay

400. Harnessing the power of Mixins in Angular

What is a mixin? As per version 2.2, TypeScript now supports the concept of a mixin - a function that can take a class, extend it with some functionality, and then return the new class, allowing other classes to extend from it - allowing classes to mix and share functionalities!

401. React Hook to Measure an Element's Size and Handle Responsive Components

react-cool-dimensions is a React hook that measure an element's size and handle responsive components with highly-performant way, using ResizeObserver. Try it you will ❤️ it!

402. Building User Interfaces with React [A How-To Guide]

Building user interfaces is also now possible using a JavaScript library named React. It is a tool that we can use to build UI components. It is especially for creating single-page applications.

403. How to Set the Default Node.JS version with nvm

404. The Recommended Way to Iterate Over Arrays in JavaScript

When dealing with an array, there is a number of ways one can iterate through the elements starting from the first at index 0 all the way to the last element in the array. In my learning process I have come across 6 looping methods namely

At Leave Me Alone we use Google and Microsoft OAuth for user sign in. To do this we redirect the user to the relevant login page, the user input their details, and is then directed back to our site and logged in. An unfortunate result of this is that our analytics report a great deal of referral traffic coming from “accounts.google.com” and “login.microsoft.com”.

406. Using Next.js + Playwright + GitHub Actions to Make a To-Do App

A comprehensive Todo app with APIs and E2E tests with GitHub Actions enabled.

407. How to Fetch Data From an API in React.js

Without any doubt, the use of React is increasing day by day. And also API(Application Programming Interface) is gaining more popularity in the modern era of technology. This article will guide a beginner to play with React to API.

408. Array Manipulation: Understanding JavaScript Array Methods

JavaScript arrays are data types that can store a collection of elements. These elements can be of any data type, including numbers, strings, and objects.

409. 7 Programming Concepts Everyone Should Know (With Code)

Hi Folks , Hope you all programming geeks are doing good. Today, we will discuss about the basic programming design principles and concepts that everyone should be aware about while developing a software . Well, Software Development ain’t easy. Programming/coding can be a real daunting task if not done in the right way. Hope you guys will like this post . So, without wasting time lets get started . [ i will be using JavaScript in here but you can use whatever language you are comfortable with ! ]

410. Javascript File Handling Writing Contest by Filestack & HackerNoon

This one’s for Javascript enthusiasts - HackerNoon is super excited to partner with Filestack to host the Javascript File Handling Writing Contest!

411. How to Create Your First NestJS App

In this article, I’m going to walk you through developing a simple todo rest application in NestJS and give you an overview of this framework.

412. You Can Track Stock Market Data From Your Terminal

As a developer, I love working with the terminal. The plain, simple, and in my opinion the best way to interact with the computer (also it makes you look geeky)

413. How to Set up ReCAPTCHA in Your React Application

reCAPTCHA is a tool that can protect your applications from fraudulent actions.

414. 2019 in Frontend Development: JS, TS, React, Vue & More

Originally published on gitconnected.com

415. 12 Fun Challenges to Learn React Native

So you want to learn React Native? Here's 12 exercises to that will help you do that.

416. Building An Infinite Scroll Using React Hooks

There are a lot of React pre-made components out there that promise infinite scroll functionality. The problem with that is that sometimes they are not tailored to fit your specific needs, especially if you are using the newly featured React-Hooks to create functional components all across your application. These pre-made components work well with class components, but they have not been updated to work with the state-of-the-art functional hook-components.

417. Building an AI Chat App: 5 Free UI Widgets to Consider

Developing a user-friendly AI chatbot app can be simplified and sped up with the help of ready-made UI chat widgets.

418. How to Get Started on React Native in 2020

Interested in learning React Native? Let’s build your first React Native, a simple app displaying a list of countries, fetched from a REST API with a network request. This React Native tutorial is aimed at introducing React Native, giving you the basis of what you need to know before building a real React Native application. After that, we proceed to helping you build your first real React Native app. By the end of this article you will build a React Native app that can run on both iOS and Android devices.

419. How Does Node.js Achieve Concurrency?

Ever wondered how Node.js handles multiple requests despite being single threaded? Find out the secret to concurrency in Node.js and how the event loop works

420. Step-by-Step Guide to Building and Launching your Chrome Extension

While building my first chrome extension, Foragear- Quick Search Tool, I struggled to find an article that covered the entire ideating, building, and launching process of chrome extensions. To make the lives of future chrome extension builders easier, here is an all-in-one guide to help you through the process.

421. Migrating from useState to useReducer in React Hooks

useState is a simple hook for single state. useReducer is a powerful hook for complex state. Here's how to convert from useState to useReducer.

422. Getting Started with Fabric.js in Angular 13: Creating and Editing Canvas

Are you looking to integrate Fabric.js into your Angular 13 project? Look no further! In this blog post, we'll guide you through the process of getting started

423. Unleashing the Power of TypeScript: Improving Standard Library Types

How to achieve better type safety and code quality by improving types in TypeScript's standard library.

424. Routing Life Hacks: Serving a Node.js Express App from a Sub-Folder

Express is probably the most popular web framework for Node.js and tons of tutorials and instructions have already been written. However, most of them don't cover the topic I am going to tell you about.

425. Using TypeScript for AWS Lambda [A How-To Guide]

When we are using NodeJS as the runtime for AWS Lambdas, JavaScript is the default language. However, due to the lack of typing check in JavaScript, from time to time, buggy codes are deployed to Lambda inadvertently. Such as a small typo like this:

426. How to Create a Google Chrome Extension: Image Grabber

Create Google Chrome extension from scratch

427. The Right Way to Utilize Webpack for Bundling a HTML Page With CSS and JS

The new HTML Bundler plugin makes Webpack setup incredibly simple, as all the configuration happens in one place.

428. Customizing MariaDB Docker Images

How to customize MariaDB Docker images: Execute SQL and shell scripts when the containers start and pass configuration files.

429. The History of JSON and the People That Created It

Douglas Crockford and Chip Morngingstar created the data exchange format that is now known as JSON.

430. Hermes Performance on iOS Compared to JavaScriptCore (JSC)

Hermes is now available on iOS as of React Native 0.64 – the latest version of React Native comes with support for the Hermes engine on iOS. We describe the full process of bringing Hermes to iOS in a series of articles:

431. A Quick Module Design Pattern Example in JavaScript

Module Design Pattern is a way to encapsulate and organize code in a self-containing module that can expose certain functionalities.

432. The Advantages of Using Node.js: Caching, Scalability, and a Rich Ecosystem

If you’re wondering why Node.js is so popular with developers, here’s a list of advantages of using Node.js

433. How to Send Email Verification in Next.js 14 With NextAuth.js, Resend, and React Email

How to implement secure email verification in Next.js 14 using NextAuth.js, Resend, and React Email. Enhance your web application's security and user experience

434. Destructuring in JavaScript: A How-To Guide

(This article is part of an ongoing series on technical and soft skills from Nathan Thomas, a full stack software engineer working in San Francisco building really cool stuff. He previously worked and attended Lambda School. Click here for the previous article in the series, a piece called “Please Explain Closures!”)

435. Utility types in Typescript - Part 1: Partial, Required, Readonly

Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Partial, Required and Readonly.

436. I Created an Alternative to React's useEffect Hook

Two custom hooks as an alternative for componentDidMount() and componentDidUpdate() React lifecycle method.

437. Stop Using The ‘else’ Keyword in Your Code

If-else keyword built into nearly every programming language and simple conditional logic are easy for anyone to understand. If you are a programmer, you know else keyword. But if you are a good programmer, don’t use this keyword. One of the biggest mistakes I fell into when starting was overusing the else keyword when writing conditionals. I stopped using this keyword in my programs since 5 years ago. Let me explain!

438. Mastering Full-Text Searches on PDF Documents with Foxit PDF SDK

In this article, we will show you how to integrate Foxit PDF SDK with your system to perform accurate full-text search on a PDF document.

Learn how to build a fully responsive dropdown menu using HTML, CSS, and JavaScript with this straightforward guide.

440. You Can Make Your Own Task Manager in 10 minutes: Practicum Coding Bootcamp

There are many task managing apps out there, but it’s always exciting to make an app of your own. In this walkthrough, I’ll show you how to write a simple task-managing app that will work in your browser. In later episodes, I’ll show you how to upgrade this task manager to include more features.

This is a very basic walkthrough, aimed at beginners. If you are experienced in HTML and JavaScript, don’t expect much from it. But hey, one step at a time is the best way to learn.

441. How to Become a Backend Developer in 2020

Are you looking for a career in Backend Development? To build complete applications beyond the user-interface companies need rockstar back-end developers.

All the app data is stored and processed on the back-end. Back-end development is everything that happens behind the scenes. It is a variety of things like the databases, the business logic, the API layer and pretty much everything other than the user-interface.

The average salary for a back-end developer is $123,689 per year in the United States as of 2019. In this post, let’s learn about what it means to be a Backend Developer.

442. How to Compile Angular Component To HTML String With All The Bindings

Compile Angular Component To HTML String With All The Bindings

443. Next.js vs React: Who Wins the Battle?

There are two popular options for creating web applications with React: Next.js and React Router. Both have their pros and cons, but which one.

444. How to Lazy Load React Components with an Intersection Observer

Learn how to improve the performance of your application by lazy loading react components using the intersection observers

445. Top 8 JavaScript-based Machine Learning Frameworks & Libraries

The incredible growth in new technologies like machine learning has helped web developers build new AI applications in ways easier than ever. In the present day, most AI enthusiasts and developers in the field leverage Python frameworks for AI & machine learning development. But looking around, one may also find that JavaScript-based frameworks are also being implemented in AI.

446. Understanding the Javascript Event Loop (Everything You Need to Know)

Demystifying the JavaScript Event Loop: Understanding Callstack, Callback Queue, and Event Loop for Efficient Development.

447. An Intro to Container-Presenter Design Patterns in React

448. 10 ESLint Rules You Should Use

In this article, I will tell about 10 base rules that I personally use in my projects and why they matter.

449. ReactJS Continuous Deployment to Firebase Hosting using Circle CI

Doing the same thing is very bored. On this topic, the boring part is deploying our Web Application to Firebase Hosting. The steps that we do are:

450. Context and Provider Pattern Using Vue 3 Composition API

The React Context API provides a way to share properties that are required by many components (e.g., user settings, UI theme) without having to pass a prop through every level of the tree (aka prop drilling). Although Vue.js does not provide the same abstraction out of the box, in this article, we’ll see that in Vue 3, we have all the tools we need to replicate the same functionality quickly.

451. Understanding the Power of Proxy in JavaScript

A Proxy object is an object that wraps another object and intercepts fundamental operations on it, such as property access, assignment, and deletion

452. Upgrading Angular From v8 to v13

Upgrading from Angular 8 to 13 - the most common errors and their respective solutions

453. How to Draw Generative NFT Mushrooms with Three.js 🍄

A brief but complete intro to generative art and NFTs with a step-by-step breakdown of drawing of generative mushrooms on javascript

Build Hamburger Menu in ReactJS. Using this method you can create different types of Hamburger Menu. How to build Hamburger Menu?

455. The Ultimate Guide to Integrating Cloudinary With Next.js

Enhance your web app's performance with Cloudinary in Next.js! Optimize media delivery and improve user experience. Learn how in our step-by-step guide.

456. Tutorial: Building A Hangman Game With React Hooks

In this tutorial, we’ll build an interactive hangman game using React hooks. Hangman is a classic game in which the player guesses a word one letter at a time.

457. Build a Simple Todo App with React Native and TypeScript

How To Setup React Native and Create a Simple ToDo App

458. Setup a Node.js Application Using PM2

What is PM2

459. Divide and Conquer: Binary Search in JavaScript

In the beginning, you will most likely try to use a brute force method to solve search problems; this is because it is the easiest and most rudimentary way to find a target. However brute force has a time cost; The Big O notation of brute force is usually and unacceptably equal to or greater than bigO(n²).

460. Speech Recognition And Speech Synthesis on Angular

I was writing a chat bot where a user interacts with a machine learning powered bot, then I wanted to write a general example application for anybody to use it. In this application, there will not be any intelligence. The bot will simply recite what it heard so that anyone can implement his/her own logic.

461. Mutability And Immutability In JavaScript Explained In Detail

The concept of mutability and immutability in JavaScript is essential to understand to avoid errors. Whether a data type is mutable or not is strictly tied to w

462. 4 Options to Add a Custom Theme for Frontend Applications

Take a closer look at various options for how we can allow users to choose from various themes, as well as customize them for their needs.

463. How to Integrate React and AngularJS via Webpack Module Federation

A practical guide on integrating React with AngularJS. It covers how to use Module Federation for loading React components within AngularJS

464. Introduction to OOP in Javascript

Javascript used to be, just a few years ago, one of the most disliked languages by the community, it's unnatural behavior was a common inspiration for jokes between developers. One of the main complaints was about the lack of a simple syntaxis to work with classes.

465. Why Choose Designer Multiselect Over Native Select?

Those layout designers who create signup or feedback forms will surely face the problem of displaying multiple items of a single selection, i.e. multiselect. Unfortunately, not all <select> tag elements can be styled out of the box as designers would like to. In this small tutorial, I would like to share my experience in solving this problem based on my knowledge of CSS and vanilla JS.

466. Why you Should Stop Using Fat Functions in Your Lambda Code

The debate over whether to use a single-purpose function vs a fat lambda continues to this day. We hope to convince you that Fat Lambda is truly an anti-pattern

467. Optimizing SEO in Next.js: Techniques for Better Search Engine Visibility

In this blog post, we will explore advanced techniques for optimizing SEO in Next.js to enhance search engine visibility and attract more organic traffic.

468. How To Create Flame Animation Using JS and CSS

Simple CSS fire animation of using HTML CSS.

469. Object Deletion in Fabric.js 5: Effortlessly Remove Selected Elements Programmatically

Effortlessly Remove Selected Elements Programmatically: Mastering Object Deletion in Fabric.js 5

470. Dates in JavaScript are Broken. Who Shall Fix them?

The Javascript Date constructor is known to have a lot of bugs and issues. Let's look at some of its major flaws so you can avoid them.

471. 3 Practical Tasks for Your Next React Interview

Here are 3 React tasks to check your coding skills, way of thinking, and ability to create good understandable code.

472. Creating Mouse Tracking Eyes using Javascript 👀

Today we'll be making this cute chicken follow your mouse! We will use JavaScript to make the eyes of this CSS chick follow where ever your mouse goes.

473. A Handy Guide to Parsing URLs in JavaScript

In this article, we’ll be diving deep into the topic of URL parsing in JavaScript and understanding how to access certain data from a URL string.

474. 6 JavaScript Courses To Land Your Next High Paying Job

475. Send Push Notifications via OneSignal by Building a React Native app [A How-To Guide]

Happy to write here. In this blog, let us see how to send push notification using Onesignal, a push notification service. We are going to build a simple react native app, just to receive notifications.

476. Writing docs using Markdown and/or Vue component without build process

This is a new feature in <a href="https://docute.js.org/#/" target="_blank">docute@2.11</a> (beta version), you can get it by:

477. Farewell, Ramda

Ramda, Functional programming, Native JavaScript, TypeScript, Lodash, ES2020, Code readability, Performance optimization, Coding style

478. 7 VS Code Extensions for Frontend Developers

As a developer, you’re always looking for cutting-edge tools, tricks, and extensions. Here are 7 tools that'll improve your productivity and efficiency.

479. How to Make Your Nodejs Backend Secure

As you know these days security becomes more and more important for all kind of startups. As a startup owner, you should pay attention to your web app’s security in the first place. Remember that users are trusting their information to you and you should care about their data professionally otherwise if someone hacks your web app and steals the data you will fail and lose your customers.

480. How to Build Your Own Blog with Nuxt, Nuxt Content, and Cloudinary

Nuxt is a front-end framework that helps you build dynamic blog pages using the Nuxt content module. This article is a guide to hosting your blog today.

481. How to Fetch Data in Javascript like a Pro

Fumbling with APIs? Learn how to use the fetch API to get your data in Javascript like a pro.

482. React: Everything You Need to Know in 5 Minutes

Can you learn React in five minutes? Well, it depends on what you mean by “learn React”. In this blog post you will “learn the basics of React” in five minutes!

483. How to Use AI and PDF Services to Automate Document Summaries

My three-page PDF is now one simple paragraph. You can imagine how useful this would be for organizations with millions of documents.

484. Level Up Your Front-End Game with These 8 Side-Project Ideas 🥇

Over the span of a year, I created 8 web app and game clones. I decided to share them, so the community can get some inspiration to build as well.

485. 6 Best JavaScript Programming Books Ranked by Reviews

When it comes to programming on the web, very few languages can measure up to the immense popularity of JavaScript. Countless websites make use of JavaScript for the user experience, making its appearance on the Internet almost universal. Even if programmers never learn another language in their life, they can still make incredible use out of this one. Both newcomers and experienced programmers will want to check out these 6 best JavaScript programming books ranked by Amazon reviews.

486. How to Call a JavaScript Function from Python Code

Call JavaScript functions from Python using PythonMonkey. PythonMonkey is a Python library for running JavaScript code inside of Python.

487. The New Solidity Dev Stack: Buidler + Ethers + Waffle + Typescript [Tutorial]

Ethereum development, while still very nascent in feel, has come a long way. When I started developing Solidity smart contracts and Ethereum dapps in 2017, Truffle and Web3.js were the industry standard. These are great tools and I have tons of respect for the people that built them. However, anyone who has used them has dealt with bugs and sometimes poor developer experience. There are a few new tools out there that have clearly been inspired by these first sets of tools and made the developer process much better.

488. Master the Art of Command Line: Your Ultimate Guide to Developing Powerful Tools

Command line tools are programs that can be executed from a terminal or command prompt, allowing users to interact with a computer system through typed commands

489. How to Build an Omni-Channel Micro-App with Node.js and Express in 2 Hours

I’m the CTO of ONEm Communications Ltd. We’ve built a developer framework and platform that allows developers to rapidly build fully functional omni -channel micro-apps.

490. How to Use Gulp to Protect Your Code

In this post, we'll show you how to protect your code with Jscrambler while using Gulp with a guide on how to set it all up to streamline the process.

491. Leveraging JavaScript to Enhance Bubble Workflows: A Case Study

Integrating advanced features in Bubble can occasionally present challenges. This article addresses one such challenge and how Javascript helps overcome it.

492. Clean Code: Single Responsibility, Open/Closed, Liskov Substitution SOLID Principles in TS [Part 4]

In this article, we will look at the three first SOLID principles: The Single Responsibility Principle, the Open/Closed Principle and the Liskov Principle.

493. How Do I Build a LinkedIn Scraper For Free?

Check out this step-by-step guide on how to build your own LinkedIn scraper for free!

494. How to Use ShellJS to Combine Bash Shell Commands and Javascript

If you are looking for a way to use Bash shell, or Unix shell commands within Javascript to automate your workflow, then ShellJS is the perfect library for you.

495. Building a Simple Telegram Bot With Node.js and GrammY

This tutorial will guide you through the process of creating a simple Telegram bot using JavaScript, Node.js and GrammY.

496. Creating a Custom Hook for Fetching Asynchronus Data: useAsync Hook with Cache

We can create a custom hook that will be used to handle all asynchronous data fetching and updating the state updating.

497. Single Page Applications: The Rise of Web Apps in 2020

We all need to agree that when it comes to technology, things are unpredictable. Whether you’re a startup enabler, entrepreneur or developer you need to keep yourself updated for two reasons:

498. How to Bring Live-Reloading Back to a Django And React Project

This article is a prequel of sorts to my earlier 110% Complete JWT Authentication with Django & React - 2020 article. That article covers how to get started with JWT authentication in a typical React and Django Rest Framework project, and it does that well enough. There's just one major annoyance with it - I couldn't figure out how to get live reloading working! So for every change made to the frontend, we had to shut down the dev server, rebuild the React bundle, and start it up again. Talk about tedious!

499. I Built a Game in Vanilla JS And I Don't Know How to Code 3 Months Ago

Well, I just knew the basics and I knew as well that I wanted to learn to code, no matter what, as I explained here.

500. Our Journey to Micro-Frontends

How do successful projects usually get started? Quickly, without long discussions, in startup mode: we build features and deal with technical debt later.

Visit the /Learn Repo to find the most read blog posts about any technology.

← Previous

229 Blog Posts To Learn About Javascript Tutorial

500 Blog Posts To Learn About Javascript

Let's learn about Javascript via these 500 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.