Syncfusion·3yJavaScript SOLID Principles: How to Write Maintainable Code
Learn how to apply SOLID principles to write maintainable code in JavaScript. Explore the single responsibility principle, open-closed principle, Liskov substitution principle, interface segregation principle, and dependency inversion principle.
Community Picks·3yIntroducing the TERN stack and how to migrate from MERN to TERN
Introducing the TERN stack and how to migrate from MERN to TERN. MERN is a web technology stack consisting of MongoDB, Express.js, React, and Node.js. This tutorial will assume you're using Tigris Cloud or a self-hosted instance of Tigris.
Community Picks·3yAdvanced JavaScript Concepts To Write High-Quality Code That Scales
Learn about advanced JavaScript concepts including closures, `this`, prototypal inheritance, asynchronous programming, hoisting, type coercion, and destructuring. Master these concepts to build robust and high-quality JavaScript applications.
The Software House·3yWeb development stacks in 2023 – software trends
Web development stack is a set of tools typically used in tandem to develop web apps. A highly specialized web stack can exist within the constraints of frontend or backend development. The most important choice is the one concerning your full development stack. Full web development stacks are abbreviated based on the technologies that comprise them.
Josh W Comeau·3yThe “const” Deception
The keyword in JavaScript is used to declare a constant. This is a core concept in JavaScript, and so many things make more sense when you have a clear understanding of this distinction. When we create a constant with, we can be 100% sure that the variable will never be re-assigned, but no promises are made when it comes to mutation.
Community Picks·3yModule Pattern
The module pattern in JavaScript allows you to split code into smaller, reusable pieces and keep them private to the module. ES2015 modules provide a built-in way to use modules in JavaScript. They allow you to export and import values between files. Using modules can improve code maintainability and reduce the risk of naming collisions. React components can also be separated into their own files as modules. Dynamic import allows you to load modules on demand, reducing page load time.
Community Picks·3yPNPM vs npm and Yarn: Why You Should Switch and How to Do It
Learn why you should switch to PNPM for package management in JavaScript projects. Discover the benefits of reduced network usage, faster installation times, and compatibility with npm and Yarn. Follow a step-by-step guide to switch from npm or Yarn to PNPM.
Medium·3yLearn JavaScript by Implementing Memoization
Learn about memoization in JavaScript and how to implement it. Explore topics such as closure, higher-order functions, pure functions, and caching the result of function calls. Discover popular memoization libraries and their use in React. Implement memoization for functions with and without arguments. Understand argument comparison policies and cache lifetime. Learn about cache replacement strategies such as LRU (Least Recently Used). Finally, explore manual cache invalidation and context-aware memoization.
SitePen·3yThe Definitive TypeScript 5.0 Guide
The Definitive TypeScript 5.0 Guide - SitePen was first published October 2018. TypeScript is a superset of JavaScript, but with optional types, interfaces, generics, and more. The Definitive Guide provides one of the best overviews of the key features of TypeScript.
Medium·3yJavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide
JavaScript Optimization Techniques for Faster Load Times: An In- Depth Guide Master JavaScript optimization to enhance website performance. In this article, I’ll guide you through various methods to optimize your JavaScript code, including minimizing file sizes, reducing network requests, and employing best practices to ensure faster load times and improved UX.
Community Picks·3yAdvanced JavaScript Console Logging for Developers
Learn how to use advanced console logging in JavaScript for debugging and troubleshooting applications. Topics covered include finding the Console Tool in your browser, basic console logging methods, filtering and grouping console messages, tracing messages, displaying messages as tables, formatting log messages, preserving log messages, measuring execution time, and using console utilities. Discover how Bugfender can help you gather logs from customer devices remotely for better application performance insights.
The Software House·3yJavaScript trends in 2023. State of JavaScript report results
The State of JavaScript report for 2022 provides insights into JavaScript trends for 2023. TypeScript continues to dominate the JS ecosystem. Popular frontend frameworks include React, Angular, Vue.js, and Svelte. Express.js remains dominant among backend frameworks. Jest is the most popular testing tool.
freeCodeCamp·3yHow to Build a Blog with the Ghost API and Next.js
Ghost CMS is a popular content management system that many devs and companies use to host their blogs. Ghost CMS doesn't generate static builds, but Next.js does. For React developers, it is easy to build a new blog with Next (since Next is React-based), and you do not need to learn additional tools.
Community Picks·3yIterators and Generators in JavaScript
JavaScript generators are a powerful tool for writing clean and efficient code. They can be used to create custom iterators, handle asynchronous code, perform lazy evaluation, and iterate over complex data structures. However, it's important to consider the performance implications when using generators.
asayer·3yDeep Copying Objects with the StructuredClone API
Deep Copying Objects with the StructuredClone API Back Copying objects has always been problematic because JavaScript does shallow copies, not producing an independent, separate new object. The new StructuredCopy API solves this problem, and in this article, you’ll learn all the details about its usage.
Medium·3yHow JavaScript's Fetch API works under the hood
Fetch API is a modern web API that provides a way to fetch resources asynchronously over the network. It is based on the Promise API and uses the XMLHttpRequest object to send HTTP requests and receive responses from the server. Fetch API supports various HTTP methods, headers, and other features, making it a popular choice for fetching data and resources in web applications.
Medium·3yUsing TypeScript with Node.js: A Comprehensive Guide
Learn how to use TypeScript with Node.js. TypeScript adds static type checking, improves code readability, and supports advanced features like classes, interfaces, and enums. Set up a TypeScript project, run and debug TypeScript code with Node.js, and use TypeScript with popular Node.js libraries. Follow best practices including enabling strict mode, using interfaces and types, specifying TypeScript configuration options, and using tools like ESLint and Prettier for code quality and consistency.
Tuts+·3yLearn Functional Programming in JavaScript
Learn functional programming with JavaScript, covering concepts like first-class functions, immutability, composing functions, currying, and working with the DOM. Set up your development area and learn about composition, handling events, and working with arrays.
freeCodeCamp·3yHow to Upload Files with JavaScript
How to Upload Files with JavaScript is a bit limited to using the native browser form behavior, which causes the page to refresh. In this tutorial, I want to show you how to do the same thing with JavaScript to avoid the page refresh. That way, you can have the same functionality, but with better user experience.