Let's learn about Javascript Frameworks via these 190 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.

JavaScript frameworks are pre-written JavaScript libraries and tools that provide a structured foundation for building dynamic web applications efficiently. They accelerate development, promote best practices, and help create complex, interactive user interfaces.

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

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

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

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.

Want to see the real-world applications of React.js? Explore a collection of the best apps built with React.js and get inspired for your own projects.

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

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

Discover how to supercharge your React applications with code reuse and maintainability.

Want to persist data in Next.js without using a lib or any third parties to achieve that, and still have the data not change or reset after refresh?

Here, you'll learn how to create an employee management crud app using Angular and Material UI. This is a step-by-step easy beginners friendly tutorial.

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

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

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

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.

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

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

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.

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

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.

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

Gathered review of the major used frameworks: Angular, React, and Vue. We compared them by the most crucial criteria for deciding on one of them for a project.

A brief intro to 10 file managers for software developers

Learn how to integrate GraphQL into your Remix project! Follow this step-by-step tutorial and learn about how GraphQL and Remix can be best friends!

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

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

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.

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

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.

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.

A fresh perspective on if Angular is dying or if it's still worth learning in 2022!

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.

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

In this tutorial, we'll explore the process of building a functional web development Integrated Development Environment (IDE) using React within a Next.js appli

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

I never know which frontend framework is my favorite. So, I put them all to the test by building a simple to-do app with 6 different frameworks.

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

Poorly written code will surely slow down your website loading speed. To enhance the website's performance, let's consider JavaScript code optimization tactics.

Learn to build an Invoice PDF system with React.js, Redux, and Node.js. Set up, integrate, style UI, test, and deploy. GitHub repo included.

Arrays work the same in TypeScript as they do in Javascript, the only difference being that we have to define their type upfront.

The right technology stack used for building a web application is a critical element of project success. The reason is pretty simple. The product creation doesn’t only imply making an outstanding user interface design and ensuring high usability. It is also about delivering a stable solution that works as intended and adds value to users.

By default, the menu button is shown and the back button is not shown.

In this overview, we have compiled a list of popular sites, as well as JS blogs that are worth reading and keeping in your bookmarks.

Learn how to generate dynamic PDFs by taking inputs from user. Some of the use-cases include generating invoices, resumes, reports based on data.

Gatsby.js vs. Next.js: Gatsby.js is better for static websites, while Next.js is better for dynamic or hybrid multi-user websites.

Learn how to import and export Excel XLSX files using Vue. See more from SpreadJS today.

Updating an Alpine.js project to support updating and restoring state via URL parameters.

When we talk about default parameters, we are talking about giving arguments values that should be used, if that argument is undefined.

Data visualization helps you transform your unorganized data in an organized and valuable way that conveys the right message to your audience without words.

From a client-side programming perspective, the language JavaScript has grown into the language of web development.

Progressive Web Apps (PWAs) can be called an intermediate between mobile apps and traditional websites. But, why exactly do we need them? As technology advances, it brings new devices. In turn, this upgrades the requirements of your average user. The success of your business depends upon the ability to provide these requirements.

I will try to tell with a simple example of how TS can be applied, and how to solve seemingly complex problems step by step.

Optional chaining is a feature in Javascript which lets us access the child properties of an object, even if the parent object doesn't exist.

Manage JavaScript 'monorepos' with Lerna, Build a React Icon Library & Publish to NPM

You think JavaScript will fade away in 2020, wait till you read this study!

Jest vs Mocha, which one should you chose? What are the pros & cons? All about our experience about making the call between Jest & Mocha.

The Best Front-end frameworks are future-proof and supply the best design solution to the UI experts. There are diverse options in the market for C++ and Java

This article discusses how to pass React Server Components as props to Client Components and why you might want to do so.

React, Gatsby, Next.js. Which of the three should you choose for your frontend web development and what should you understand before you make the decision?

This Flutter Vs. React Native comparison is going to be fun so stick with me till the end and you will have an answer to which one's worthy of your app idea.

JavaScript is on the list of requirements for a position as a web developer in any IT company at the moment. It is hard to imagine building modern web applications without JavaScript. This programming language provides IT specialists with an effective and relatively easy way to create interactive applications able to comply with the tastes of any picky customer. The choice of the JS libraries and frameworks adds dedicated followers to this language.

Learn techniques for handling state effectively in large-scale React applications.

Everything I learnt about service workers from making a build plugin for them. This article also expands on common best practices for service workers.

Checkout the various React Design Patterns to use in building React components that are extensible and reusable for your next React project.

Nucleoid is low-code framework for Node.js, lets you build your APIs with the help of AI and built-in datastore in declarative runtime engine.

AngularJS and React are two of the most popular choices for developing client-side applications. Both offer a variety of benefits and differences .

.NET has two big desktop technologies. They are WinForms and WPF. But we live in a WEB world and we have many tools to create great UI using CSS and JavaScript.

Are you looking to build an app with minimal effort? With Remix, you can do just that! Learn how this relatively new web framework compares.

Vue uses provide and inject to send data down multiple levels without having to use properties - did you know you can set default values for any injected data?

Could models like Claude, GPT-4, or Gemini Pro be losing their top spot?

Complex state management in ReactJS with React's useReducer() explained with beginner as well as advanced examples.

The importance of web and mobile apps that can handle massive volumes of data has skyrocketed over the past few years. As a result, small and large enterprises want to make the most of their data for monitoring and better decision-making.

MUI (Material-UI) releases v5 of its core React components - brings advanced styling and customization features, new components, and more.

In this article, we will discuss what Chakra UI is, its core features and capabilities and by the end you should be able to decide if Chakra UI is a good fit.

I've never met a true, passionate web developer who isn't a multi-dimensional specialist interested in a wide variety of topics related to their job.

An easy-to-use and comprehensive JavaScript framework are of utmost importance if you are a web developer.

How to implement a minimalist NFT zkRollup with Circom and SnarkJS

The web development landscape keeps getting crowded and crowded but there are no signs of improvement, only of heavy and bloated web apps.

GatsbyJS is a fantastic framework to use when creating your blog. In this series of posts we will work together to create a blog from scratch!

How Wasp went from an idea to simplify web development in JavaScript to building one of the fastest-growing full-stack frameworks in JavaScript ecosystem.

GatsbyJS is a fantastic static site generator for React-based websites. I broke it down in this article if you're curious to learn more about this framework.

In part three of our "Building a Gatsby Blog" series, we delve into the blog itself and create the list and post pages.

Discover how to build and deploy a fast Remix app in under 30 minutes. Learn about Remix's features and quick Heroku deployment in this hands-on guide.

Startups choose JavaScript as main technology in 2022 thanks to impressive number of frameworks, its libraries and third-party APIs integrations.

How to deploy node.js app with domain

Next.js is a framework built on React that gives frontend developers the flexibility of creating modern and scalable apps

A step-by-step process for migrating from next.js 12 to 13.

Using a data grid is important if your web application renders a lot of data, such as tracking stats or reports.

React is popular for a reason. It offers not only a solid paradigm of programming but also makes code much more maintainable.

TezJS is a modern JavaScript framework, allowing you to build a modern Jamstack website by achieving highest website performance & 98+ web vital out of the box

Learn how to write clean and maintainable code in TypeScript by following best practices for classes and objects.

In addition, web technologies help to automate business processes within a company and enhance the overall working efficiency of employees.

In this article, we will explore why React stands out, comparing it with two other popular frameworks, Angular and Vue.js, and why you should choose React.

In the first steps as a programmer , people really lose their way trying to find their passion and they keep asking themself a lot of questions like: what should I learn? maybe front-end web development, or maybe Cloud computing, Machine learning engineering is better for me ,nah back-end web development is the one chosen for me .

Learning JavaScript can get you into many fields of Programming; Frontend, Backend, Mobile, Web Development.

Often considered as a tool to build applications in your web browser, JavaScript can also be used as a general-purpose scripting language. Discover why

Raw Node or NestJS? One dev builds, benchmarks, and stress-tests both to find the best backend setup for a $1K budget and a $6 VPS.

The Frankensteinian Hodgepodge That Puts Mr. Burns' Smithers in Charge of the Starship Enterprise and Leaves Coders Screaming 'Wubba Lubba Dub Dub!'"

In a real

This article will walk you through the concepts you would need to know to step into the world of widely used ReactJS.

React introduced a new feature called React Server Components (RSC) in December 2020. RSC are a new type of React component that can run on the server

15 common mistakes that every newbie React developer ends up making

It’s 2025, and we've got some exciting trends to kick off the year, including the evolution of tech stacks, the Laravel vs Next.js rivalry

A look at writing a web application that can save it's state to the URL, making it easier to share state with others.

Web developers who want to build an application using ReactJS must consider the react file upload to ensure that users can upload any file they need.

It's been a year since the exhibition of QCObjects in the Web Summit and now a lot of people and companies are interested in placing QCObjects at the very core of its enterprise software solution. But why is it?

The latest release transforms how the AI assistant understands your coding style, making it feel like it's truly part of your development team.

As the new year unfolds, we must catch, up on the latest technologies for 2020 that can help our businesses grow. Talking about web development, JavaScript plays a huge role in building server-side, client-side, desktop and mobile apps. Known as the primary language for web development, JavaScript can design apps aligned with many features and functionalities to develop interactive user-interfaces. With several numbers of JavaScript frameworks that are available in the market today, it can be a difficult task to choose one for your project. Before you hire a dedicated developer, let’s go through the list of the leading Frameworks that are best to use for your next project in 2020.

3 cool things that will make you love micro frontend architecture - flexibility in managing codebase, a wide choice of frameworks, and independent deployments.

This Javascript Cheatsheet for Spread Operators explains the use case scenarios and the basic concepts behind Spread Operators when coding in Javascript.

Ever wonder how people on the outside of a specific industry such as software development understand and describe the common terms within that field? d.

Here are 5 React frameworks that could speed up your development time when building a web application.

React is a tool for building a front end. Next.js serves the same purpose. However, both instruments offer a slightly different set of features.

A popular challenge that beginner programmers participate in is called 100 Days of Code. Although I never participated in it myself, I see countless tweets with screenshots and progress reports of people sharing bits of apps they made. 100 Days of Code is a great way to keep people in the programmer mindset. It gets them familiar with what it is like to code every day. Still, I wonder if it is the best approach for everyone.  For them, One Game a Month could be a great alternative.

Stay updated on JavaScript! Critical Next.js security fix, OpenAI’s 4o image generation, Vue.js 2025 insights, and major tool updates in Babel, Bun, and pnpm.

Data Visualisation is an incredibly important part of conveying information in the world. Getting the best widget types for Data Visualisation is a part of that

The founding team at HarperDB built the first and only database written in Node.js. Here's the story of this (what some called crazy) endeavor.

React is the most popular JavaScript framework on the planet. You can use it to quickly create feature-rich web applications.

TypeScript 5.9 delivers practical enhancements that directly address common developer pain points.

It's a good idea to use angular development framework in 2022 since it doesn't require any unnecessary antiquated code and has a slew of amazing capabilities.

In JavaScript, things can be true, or false, but they can also be truthy or falsy.

Javascript charting library is important when you need to present data in the most informative way. Check our top of the best JS chart libraries here!

Deno 2.4 reintroduces the long-requested deno bundle command, enabling single-file JavaScript or TypeScript bundles for both server and browser environments.

Can You Master the Rapidly Evolving JS Ecosystem? Discover how to discover and satisfy users' requirements to remain competitive in the marketplace.

Know a little JavaScript, but can't do much with it yet? This tutorial, "Vanilla JS in the DOM", will help you understand the background of Vanilla Javascript.

It is estimated that 2.14 billion people will buy online by 2021. Do you want to be the best choice for them?  It is not so easy as the competition in the e-commerce industry is becoming fierce year by year.

Explore Vue.js Event Handling: Unveiling Undocumented Behaviors in Multiple Listeners, Inline Handlers, and Method Detection

In the second part of the "Building a GatsbyJS Blog" series, we will create a page layout and scaffold the main pages of the blog.

Learn how to use & | ^ ~ << >> >>> operators in JS with clear examples. Demystify bitwise operations for a more powerful and efficient code.

March is off to a great start with the coming & going of GatsbyConf 2021 and the big announcement of Gatsby v3.0! Let's talk about the new Gatsby Image Plugin!

A simple tutorial on Edge Functions . Learn how to work with edge functions on Supabase to send emails.

In JavaScript, there are many ways to do the same things. But not all of them are equally good. And some of them you should not use at all.

In part 4 of our "Building a Gatsby Blog" series, we will promote engagement and design cohesion by adding images to our pages and blog posts.

Here is a list of 7 frameworks that can be used in creating prototypes.

Here is a list of pretty much any action you would want to perform on an array, and how to do it in Javascript.

How using default exports hurts your codebase readability and refactoring.

The JavaScript testing framework enables you to boost your development workflow significantly. In addition, it increases your team’s speed and efficiency.

TypeScript Records are a great way to ensure consistency when trying to implement more complex types of data.

The nullish coalescing operator is useful in situations where something can be returned as either null or undefined, and helps us tighten up our code.

Angular v21 brings signal-driven forms, new accessibility tools, AI-powered CLI features, zoneless apps, and modern testing with Vitest.

A simple guide for updating for npm packages.

The fact that Angular is based on TypeScript and AngularJS is based on JavaScript is one of the most significant differences between the two frameworks.

Project management is a crucial domain in the sphere of IT.

Learn how to safeguard your JavaScript code from common security flaws with expert tips on vulnerability mitigation.

The world we live in today is intricately linked through the vast expanse of the Internet. Behind every engaging website and interactive web application lies a

This article talks about the journey I have about react folder structure and the philosophies I think are important.

JavaScript often referred to as JS, is the most useful and popular object-oriented, interpreted programming language

Framework fatigue is real, but abandoning build tools and frameworks can quietly increase security risk. A sober look at Vanilla JS and ES modules.

Mastering TypeScript: A Comprehensive Guide,From Fundamentals to Intermediate Techniques for Effective Development

This article is about latest ecma script or ES22 update of at() method of array. at() method of array is used for getting the value based on index

Today, we’ll be looking at Angular’s game-changing updates, an unknown JavaScript framework from China, and a revolutionary JavaScript engine called Nova

In this complete guide, let's look at how && works, and go through some examples to explain when it returns values, and what values it will return.

"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel fundamentals such as ignition execution.

Every organization has different tools to support internal processes. As companies scale, IT teams are faced with the growing complexity of user requirements, which often go beyond the capacity of consumer software.

As a developer, when building a data-driven application, a data table with columns and rows can be what you need to display data to users of your application.

I bet you didn’t know that Javascript has pointers. Well, it does! Let’s take a quick look at how they are implemented and how they work.

This article explains what the general pros and cons of Hibernate are so that you can better determine your need to add this dependency in a new microservice.

Learn how to create a dynamic typing effect in your React app using react-typical and Tailwind CSS.

Learn to build responsive and maintainable user interfaces with React and Tailwind CSS in this comprehensive guide.

Organizations are looking for web applications that provide users with many unique functionalities. For example, the User Interface is the essential part of a web application for anything they provide.

Angular DevTools is a great tool to make app development faster and more efficient.

Due to the numerous build tools, configuration files, and dependencies, developers frequently find it challenging to create React apps. React JavaScript library, which is a creation of Facebook, functions as a tool for designing user interface components.

Codex is OpenAI’s software engineering agent that helps developers, especially web and JavaScript developers-automate coding tasks.

Nowadays most applications – server, mobile, web – can run on JavaScript. In the last couple of years the popularity of this programming language has been steadily increasing, and today it is used more frequently than PHP and Java. At the height of the language’s popularity, it is worth spending a few minutes to learn about it, and decide whether it’s worth spending the long hours it takes to learn it. To this end we interviewed our JS developer Alexander Podik about his career, life skills and JavaScript tips and tricks.

With properties in Vue, we can pass data from a parent element or vue template to a child element. It's easy in Vue to give properties to a child element.

Explore the benefits and trade-offs of rendering React components with for loops vs. .map(). Compare syntax, immutability, JSX integration, and more.

Just like progress in other tech fields, front-end web development is advancing too. Let's try and understand why ReactJS development is a startup favorite?

A new JavaScript Framework, an update to Bun that fixes 40+ bugs, and some TypeScript configuration hacks, along with the latest tools from Electron...

Explore the world of React component data handling with a focus on controlled and uncontrolled components.

This week, we’re unpacking Safari 26 Beta’s game-changing WebKit updates, pnpm 10.12’s performance leaps, and Oxlint 1.0’s blazing-fast linting.

TypeScript’s latest release candidate, a thought-provoking discussion about the future of frameworks in the AI era, and some must-know tools to boost your skill

GitHub Spark lets you build and deploy full-stack apps using AI, prompts, or clicks—no coding, setup, or API keys required.

Today, we’re talking about TypeScript 5.8 Beta’s precision updates, Phaser’s visual boost, WebAssembly magic, and some handy tools to make your life faster

It's so important how web UI is designed because people perceive images better and quicker than words. Luckily, most of the IT heads understand the value of an eye-catching UI, but few of them realize the real power of it. Actually, web design does much more than you used to think.

OpenAI's o1 Pro model is making waves in the JavaScript community, but at what cost?

A fight that started years ago - fight for the crown of the most popular JavaScript framework, was intense in 2019. Furious opponents of the React weren’t sleeping during the year. Probably no one will argue that the three frameworks that were constantly “fighting”, were Vue.js, React and Angular.

C++ vs. Java programming languages are designed for everyone, no matter if you are new to programming or you already have extensive programming experience.

What is a Shadow DOM (shadow tree)

Learn how to create your own Slackbot, 'reacting-bot', that automatically reacts with a heavy plus sign emoji to every message sent by a specific user.

QCObjects recognized as Startup of the Year 2021

I'm definitely a fan of cats 😺️ in real life, but when it comes to
code this reverses and I've got a preference for Pug 🐶️ For those who
aren't coders: PugJS is a JavaScript template engine. It converts
Pug-lang into HTML. I know there is more power in PugJS, besides the
simple turning the Pug-lang into HTML. At the moment I'm not using the
potential of the language - I use PugJS mostly to hold my content. Let's
look at some ways to get more out of Pug I've learned about recently.

Presencejs is a JavaScript library that enables the creation of real-time multiplayer/collaboration web applications that support WebTransport.

Find out how to set up and work locally with the most granular demographics dataset that is out there.

Sencha Announces Release of Ext JS 7.4 at Annual SenchaCon Virtual Conference

Learn how Jest finds related tests in an optimal way using the Breadth First Search (BFS) algorithm and how to leverage its API in your local development enviro

Dive into the journey of a crypto enthusiast who invested in Flow during its ICO and later participated in a Flow hackathon.

Thank you for checking out the 190 most read blog posts about Javascript Frameworks on HackerNoon.

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