| The Character Encoding Cheat Sheet for JS Developers (hon) | | 1,009 |
| encoding, unicode, cheat-sheets |
| The Great JavaScript Divide: CommonJS vs. ES Modules (abd) | | 1,008 |
| modules, commonjs, esm, comparisons |
| What Can You Do With “data” Attributes? (cfe) | | 1,007 |
| html, custom-data |
| Understanding the JavaScript Modulo Operator (jos) | | 1,006 |
| math |
| Arrow Functions vs. Traditional Functions in JavaScript (cfe) | | 1,005 |
| videos, functions, comparisons |
| The JS Community on Twitter Is Dead (hbu) | | 1,004 |
| social-media, community |
| Writing Clean Code: Best Practices and Principles | | 1,003 |
| best-practices, principles, conventions, formatting, maintainability |
| JavaScript Is Getting Array Grouping Methods (phi) | | 1,002 |
| arrays |
| Use Cases for IIFEs | | 1,001 |
|
| JPEG and EXIF Data Manipulation in JavaScript | | 1,000 |
| jpeg, metadata |
| Discover Bun—a Faster, Modern JavaScript Runtime | | 999 |
| bun, runtimes |
| Bun, JavaScript, and TCO | | 998 |
| bun, optimization |
| JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza) | | 997 |
|
| A New Method to Validate URLs in JavaScript (ste) | | 996 |
| validation, urls |
| Delay, Sleep, Pause, and Wait in JavaScript | | 995 |
|
| The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe) | | 994 |
| arrays, prototypes |
| Using Labeled Loops in JavaScript | | 993 |
|
| Binary Search Algorithm in JavaScript (fro) | | 992 |
| algorithms, search |
| Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison (sny) | | 991 |
| nodejs, deno, bun, runtimes, comparisons |
| Clocks and Countdowns: Timing in CSS and JavaScript (sto) | | 990 |
| css |
| Visualizing Recursion With the Sierpinski Triangle | | 989 |
| algorithms, visualization |
| Scope vs. Shadow DOM (kei) | | 988 |
| shadow-dom, dom, scope, css, comparisons |
| Catching Errors Thrown From “connectedCallback” (nol) | | 987 |
| web-components, errors |
| Patterns for Reactivity With Modern Vanilla JavaScript (fro) | | 986 |
| reactivity |
| Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works | | 985 |
| security, cors |
| Adding a “Share to Mastodon” Link to Any Web Site (cod) | | 984 |
| social-media, links, mastodon, community |
| A Better “setTimeout()” in JavaScript (ami) | | 983 |
|
| A Guide to Optimizing JavaScript Files | | 982 |
| guides, performance, optimization, minification, compression |
| Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo) | | 981 |
| forms, validation, progressive-enhancement |
| An Intro to State-Based UI With JavaScript (cfe) | | 980 |
| introductions, state-management |
| A Compilation of Outstanding Testing Articles (With JavaScript) | | 979 |
| link-lists, testing |
| Prepare to Spy on a Method Added Dynamically (bah) | | 978 |
| videos, cypress, testing, debugging |
| Evading JavaScript Anti-Debugging Techniques (voi) | | 977 |
| debugging |
| Front End Practice: Top 25+ JavaScript Code Best Practices for Development | | 976 |
| best-practices |
| Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey | | 975 |
| webassembly, python, spidermonkey |
| Speeding Up V8 Heap Snapshots (jda) | | 974 |
| javascript-engines, v8, performance, memory |
| Promises Training | | 973 |
| promises, training, courses |
| Combining Data With Multiple Fetch Requests (ste) | | 972 |
| arrays, data-fetching |
| 10 Simple CSS and JavaScript Micro-Interactions for Buttons | | 971 |
| css, buttons, effects |
| Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately? | | 970 |
| discussions, frameworks |
| 5 Inconvenient Truths About TypeScript (dea) | | 969 |
| typescript, complexity |
| Lightweight JavaScript Framework Review (for Django Developers) | | 968 |
| frameworks, comparisons, link-lists, django |
| A Case Study on Scroll-Driven Animations Performance (dev) | | 967 |
| animations, scrolling, performance, css |
| Tree Shaking in JavaScript | | 966 |
| performance, tree-shaking |
| JavaScript Debounce, Easiest Explanation (With Code) | | 965 |
| debouncing |
| All the Places Where You Can Use “prefers-color-scheme” Media Query (ami) | | 964 |
| css, media-queries, html, dark-mode |
| In Defence of “DOMContentLoaded” (css) | | 963 |
| dom, performance |
| CommonJS Is Hurting JavaScript (den) | | 962 |
| commonjs |
| JavaScript Gom Jabbar | | 961 |
|
| JavaScript Console Methods: A Deep Dive | | 960 |
| console, debugging, deep-dives |
| Demystifying JavaScript Operators: What Does That Symbol Mean? | | 959 |
| operators |
| What’s Next for JavaScript: New Features to Look Forward To (mar/the) | | 958 |
|
| Converting [a] JavaScript Codebase to TypeScript | | 957 |
| typescript, migrating, refactoring |
| An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript (lir) | | 956 |
| introductions, security, vulnerabilities, nodejs |
| The Cost of JavaScript 2023 (add) | | 955 |
| videos, performance |
| Using Multiple Selectors With JavaScript Selector Methods (cfe) | | 954 |
| selectors |
| Too Much JavaScript? Why the Frontend Needs to Build Better (low/the) | | 953 |
| web-platform, performance |
| Import Maps to Natively Import JavaScript Modules Using Bare Names (ami) | | 952 |
| import-maps |
| Must Know JavaScript API—IndexedDB API | | 951 |
| databases, indexeddb, apis |
| Reducing Complexity in Front End Development (mic) | | 950 |
| complexity, performance, css |
| Primitive Objects in JavaScript: When to Use Them (sma) | | 949 |
| objects |
| test262.fyi | | 948 |
| websites, ecmascript, javascript-engines, v8, spidermonkey |
| The Many Ways to Select the n-th Character From a String (cod) | | 947 |
| strings |
| Asynchronous JavaScript for Beginners | | 946 |
| asynchronicity |
| Why We Should Stop Using JavaScript According to Douglas Crockford (dou) | | 945 |
| videos |
| Cracking the Theme Switcher and Dark Mode | | 944 |
| css, dark-mode |
| 21 Awesome Web Features You’re Not Using Yet (fir) | | 943 |
| videos, html, css |
| An Introduction to JavaScript Proxies (cra) | | 942 |
| introductions |
| I Think I Finally “Get” JS Objects | | 941 |
| objects |
| Why Does “👩🏾🌾” Have a Length of 7 in JavaScript? | | 940 |
| unicode |
| Plain Old JavaScript and the DOM (dou) | | 939 |
| dom |
| How to Draw Any Regular Shape With Just One JavaScript Function (mdn) | | 938 |
| how-tos, functions |
| Working With URLs With Vanilla JavaScript (cfe) | | 937 |
| urls |
| Building Offline-First Web Applications With Service Workers and IndexedDB | | 936 |
| offline, web-apps, web-workers, databases, indexeddb |
| Using “linear()” for Better Animation (oll) | | 935 |
| animations, css |
| Write Better Code by Following These JavaScript Best Practices | | 934 |
| best-practices |
| Getting an Item an Array With a Negative Index With Modern JavaScript (cfe) | | 933 |
| arrays |
| Get Full Type Support With Plain JavaScript | | 932 |
|
| Regular Expressions in JavaScript (hon) | | 931 |
| regex, examples |
| An Introduction to the Bun JavaScript Runtime (cra) | | 930 |
| runtimes, bun |
| The JavaScript Ecosystem Is Delightfully Weird (sam/fly) | | 929 |
|
| ES2023 Introduces New Array Copying Methods to JavaScript (phi) | | 928 |
| ecmascript, standards, arrays |
| Script Evaluation and Long Tasks (mal/dev) | | 927 |
| performance, web-vitals |
| How to Configure Path Aliases in Frontend Projects in the Native Way | | 926 |
| how-tos, aliases, configuration |
| How Do You Declare Namespace in JavaScript? | | 925 |
| namespaces |
| How to Write More Efficient JavaScript Conditions (fre) | | 924 |
| how-tos, efficiency |
| Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo) | | 923 |
| events |
| The Native Way to Configure Path Aliases in Frontend Projects | | 922 |
| nodejs, esm, commonjs, tooling, aliases |
| Practical Guide to Not Blocking the Event Loop | | 921 |
| guides, event-loop, events, performance |
| My Favorite Free Courses to Learn JavaScript in Depth | | 920 |
| courses, training, link-lists |
| Write Better CSS by Borrowing Ideas From JavaScript Functions (sma) | | 919 |
| css, functions, quality |
| JS Private Class Fields Considered Harmful (lea) | | 918 |
|
| How to Deep Merge Arrays and Objects With JavaScript (cfe) | | 917 |
| how-tos, arrays, objects |
| Discovering the Power of JavaScript Proxy After All This Time | | 916 |
|
| The “const” Deception (jos) | | 915 |
|
| Exploring the Potential of Web Workers for Multithreading on the Web (sma) | | 914 |
| web-workers, multithreading, performance |
| Read-Only Web Apps (ada) | | 913 |
| progressive-enhancement |
| Introduction to Web Animations With GSAP | | 912 |
| introductions, animations, gsap |
| Signals: Fine-Grained Reactivity for JavaScript Frameworks | | 911 |
| reactivity, signals, frameworks |
| Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar) | | 910 |
| performance, plugins |
| Consume Web Streams From OpenAI Using Vanilla JavaScript | | 909 |
| videos, data-fetching, streaming, ai, openai |
| 4 Ways to Create an Enum in JavaScript | | 908 |
|
| How to Work With Dates and Times in Vanilla JavaScript (cfe) | | 907 |
| how-tos |
| Shallow vs. Deep Copying in JavaScript | | 906 |
| comparisons |
| Boost Your JavaScript With JSDoc Typing | | 905 |
| typescript, documentation, jsdoc |
| Programming-Language Popularity by GitHub Pull Requests (lem) | | 904 |
| studies, research, programming, comparisons, github, typescript |
| Designing for Reduced Motion | | 903 |
| accessibility, animations, reduced-motion, css, media-queries |
| JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript | | 902 |
| guides, memory, garbage-collection |
| Observing CSS | | 901 |
| css, monitoring |
| Copy to Clipboard in JavaScript and React | | 900 |
| react |
| A Small JavaScript Pattern I Enjoy Using (kil) | | 899 |
|
| Why JavaScript Is a Prototype-Based OOP | | 898 |
| oop |
| JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev) | | 897 |
| import-maps, browsers, support |
| Mastering the JavaScript “switch” Statement | | 896 |
|
| Defaulting on Single Page Applications (SPA) (zac) | | 895 |
| single-page-apps, performance |
| The State of JS Frameworks (cfe/log) | | 894 |
| podcasts, frameworks, libraries |
| With or Without the JS Framework (cit) | | 893 |
| frameworks, career |
| File Uploads for the Web: Upload Files With JavaScript (aus) | | 892 |
| file-handling |
| Speeding Up the JavaScript Ecosystem—npm Scripts (mar) | | 891 |
| performance, bundling, npm |
| Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language | | 890 |
|
| Time to Move on From Nunjucks? (bry) | | 889 |
| template-engines, nunjucks, webc, liquid |
| JavaScript Polyfills | | 888 |
| polyfills |
| JavaScript for Beginners: Data Structures | | 887 |
| data-structures, arrays, objects |
| JavaScript: Automatically Remove an Event Listener After It Has Executed | | 886 |
| events |
| Progressively Enhancing a Table With a Web Component (ray) | | 885 |
| html, tables, web-components, progressive-enhancement |
| The Ternary Operator in JavaScript (cfe) | | 884 |
| operators |
| Create and Download Text Files Using JavaScript (ami) | | 883 |
|
| Evolving Custom Sliders (sib/tpg) | | 882 |
| sliders, css |
| All JavaScript and TypeScript Features From the Last 3 Years | | 881 |
| typescript, history |
| Change Favicon on Switching Browser Tabs in JavaScript (ami) | | 880 |
| images, favicons |
| ARIA Live Regions for JavaScript Frameworks (its/log) | | 879 |
| accessibility, aria, live-regions, frameworks |
| 10 Helpful JavaScript Utility Functions | | 878 |
| functions |
| Making the Case for Signals in JavaScript (rya/thi) | | 877 |
| signals |
| Client-Side JavaScript and React Criticism: What Comes Next? (mol) | | 876 |
| react, accessibility, performance, resilience, progressive-enhancement |
| What Is Hoisting in JavaScript? (fro) | | 875 |
| scope, concepts |
| React vs. Signals: 10 Years Later (rya/thi) | | 874 |
| react, signals, comparisons, retrospectives |
| The Coolest JavaScript Features From the Last 5 Years | | 873 |
| retrospectives |
| The Evolution of Signals in JavaScript (rya/thi) | | 872 |
| signals |
| Dithering Images With React/JavaScript | | 871 |
| images, dithering, react |
| Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs | | 870 |
| debugging, tooling, techniques |
| Experiments With the JavaScript Garbage Collector | | 869 |
| garbage-collection, experiments |
| All About Promises in JavaScript | | 868 |
| promises |
| When JavaScript Fails (jas) | | 867 |
|
| The Great Gaslighting of the JavaScript Era (jar) | | 866 |
| frameworks, web-platform |
| How to Handle Date and Time With JavaScript (sta) | | 865 |
| how-tos |
| The State of JS Frameworks (rya+) | | 864 |
| podcasts, frameworks |
| Encapsulating CSS With Shadow DOM | | 863 |
| shadow-dom, dom, css |
| Writing JavaScript Without a Build System (b0r) | | 862 |
| building |
| The User Activation API (mar/web) | | 861 |
| apis |
| Is It Worth Learning JavaScript? Popularity, Salaries, and Future (sta) | | 860 |
| career |
| Well-Known Symbols | | 859 |
|
| So, What’s Next [for core-js]? | | 858 |
| foss, community, economics |
| This Is Why Performance Matters (bel) | | 857 |
| performance, user-experience |
| Change Tab Bar Color Dynamically Using JavaScript (ami) | | 856 |
| colors, theming, browsers |
| Rethinking the Modern Web | | 855 |
| web-platform, tooling |
| Sandboxing JavaScript Code | | 854 |
| security |
| The Case for Frameworks (sel) | | 853 |
| frameworks, web-platform |
| Discovering Primitive Objects in JavaScript (sma) | | 852 |
| objects |
| Use Maps More and Objects Less (ste/bui) | | 851 |
| objects |
| Table of Contents Progress Animation (kev) | | 850 |
| html, css, animations, progress-indicators |
| Speeding Up the JavaScript Ecosystem—ESLint (mar) | | 849 |
| performance, eslint, linting |
| The Market for Lemons (sli) | | 848 |
| web-platform, frameworks |
| Rotating Gallery With CSS Scroll-Driven Animations (jhe) | | 847 |
| html, css, animations, scrolling |
| Multi-Threaded React App Using useWorker | | 846 |
| multithreading, react, web-workers |
| The YAML Document From Hell—JavaScript Edition (phi) | | 845 |
| yaml |
| How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe) | | 844 |
| how-tos, arrays |
| Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus) | | 843 |
| data-fetching |
| The Ultimate Guide to JavaScript Error Handling (cra) | | 842 |
| guides, errors |
| Using Local Storage in JavaScript and React | | 841 |
| react, browser-storage |
| You’ve Got Options for Removing Event Listeners (mac) | | 840 |
| events |
| 10 GitHub Repositories You Should Know as a JavaScript Developer | | 839 |
| cheat-sheets, best-practices, link-lists, github |
| Accessible Hamburger Buttons Without JavaScript | | 838 |
| accessibility, navigation |
| Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra) | | 837 |
| callbacks, promises, asynchronicity |
| 10 Web Development Trends in 2023 (rwi) | | 836 |
| trends, frameworks, tooling, monorepos, presentational-css, ai, code-completion |
| “scrollend”, a New JavaScript Event (arg/dev) | | 835 |
| events |
| Is CSS-in-JS Actually Bad? (may) | | 834 |
| css, css-in-js |
| So You Want to Make a New JS Framework (dav) | | 833 |
| frameworks |
| Deep Cloning Objects in JavaScript, the Modern Way (ste/bui) | | 832 |
| objects |
| Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus) | | 831 |
| promises |
| A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui) | | 830 |
|
| Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (lir) | | 829 |
| screenshots, images, playwright |
| Speeding Up the JavaScript Ecosystem—Module Resolution (mar) | | 828 |
| performance, modules, esm, commonjs |
| Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe) | | 827 |
| arrays |
| The State of JavaScript 2022 [Results] (sac/dev) | | 826 |
| surveys |
| The Gotcha of Unhandled Promise Rejections (jaf) | | 825 |
| promises |
| JavaScript, Community (zac) | | 824 |
| community |
| Why Not “document.write()”? (css) | | 823 |
| performance |
| 2022 JavaScript Rising Stars | | 822 |
| frameworks, react, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives |
| Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta) | | 821 |
| template-engines, mustache, handlebars, nunjucks, pug, comparisons, link-lists |
| Use nvm and .nvmrc for a Better JavaScript Development | | 820 |
| nvm, nodejs |
| Conditional API Responses for JavaScript vs. HTML Forms (aus) | | 819 |
| html, forms, security, comparisons |
| Cloning Arrays and Objects in Vanilla JavaScript (cfe) | | 818 |
| arrays, objects |
| Intro to JavaScript Closures | | 817 |
| introductions, closures |
| React JS Best Practices From the New Docs | | 816 |
| react, best-practices, jsx, aria |
| JavaScript Frameworks—Heading Into 2023 (rya/thi) | | 815 |
| frameworks |
| Signals: The Nitty-Gritty (web) | | 814 |
| performance, signals |
| Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos) | | 813 |
| accessibility, html, css, theming, functionality |
| Pointer Events (5t3) | | 812 |
| css, pointer-events, apis |
| Using Inline JavaScript Modules to Prevent CSS Blockage (sto) | | 811 |
| performance, css |
| ECMAScript Proposal: Iterator Helpers (rau) | | 810 |
| ecmascript, standards |
| Get Off the Main Thread With an Inline Web Worker: An Example (sto) | | 809 |
| performance, web-workers, examples |
| The Most Popular CSS-in-JS Libraries in 2022 (sta) | | 808 |
| libraries, css, css-in-js |
| An Interactive Guide to JavaScript Events (ale) | | 807 |
| guides, events, examples |
| How to Merge Objects in JavaScript (sta) | | 806 |
| how-tos, objects |
| JavaScript Polyfills for Interviews | | 805 |
| polyfills, interviewing |
| Using SRI to Protect From Malicious JavaScript (mat) | | 804 |
| security |
| Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra) | | 803 |
| guides, web-apps, performance, web-workers |
| Tips for Typing Import Statements in JavaScript (rau) | | 802 |
|
| 5 Ways to Make Your JavaScript More Functional | | 801 |
| programming |
| Speeding Up the JavaScript Ecosystem—One Library at a Time (mar) | | 800 |
| performance, libraries |
| Convert Any Value to a Boolean in JavaScript (ami) | | 799 |
|
| Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (sma) | | 798 |
| introductions, guides, dom |
| Our Future CSS Strategy | | 797 |
| css, css-in-js, strategies, case-studies |
| State of JavaScript 2022 (sac/dev) | | 796 |
| surveys |
| A Guide to Keyboard Accessibility: JavaScript (its/sma) | | 795 |
| guides, accessibility, keyboard-navigation |
| Days Since Last JS Framework | | 794 |
| websites, frameworks |
| Back to Basics: What are Callbacks in JavaScript? | | 793 |
| fundamentals, callbacks |
| Spy On “window.postMessage” Calls (bah) | | 792 |
| cypress, testing |
| Generating Slugs Using One Line of Code in JavaScript (ami) | | 791 |
|
| Why Would Anyone Need JavaScript Generator Functions? | | 790 |
| functions |
| Saved From Callback Hell | | 789 |
| callbacks |
| Client-Side Routing Without the JavaScript (rya/thi) | | 788 |
| performance, frameworks |
| An Overview of JavaScript Promises | | 787 |
| overviews, promises |
| 7 Shorthand Optimization Tricks Every JavaScript Developer Should Know | | 786 |
| optimization |
| What Is a Realm in JavaScript? | | 785 |
|
| Motion Controls in the Browser (sma) | | 784 |
| browsers, permissions |
| Guide to the Best JavaScript Books for Beginners | | 783 |
| guides, books, link-lists |
| Detect System Theme Preference Change Using JavaScript (dav) | | 782 |
| dark-mode |
| JavaScript Shallow Copy—What Is a Shallow Copy? | | 781 |
|
| Why I Never Understood CSS-in-JS (cit) | | 780 |
| css, css-in-js |
| Secure JavaScript URL Validation (sny) | | 779 |
| validation, urls, security |
| Why We’re Breaking Up With CSS-in-JS | | 778 |
| css, css-in-js |
| Two JavaScripts (rem) | | 777 |
|
| Speeding Up Async Snippets (css) | | 776 |
| performance, asynchronicity |
| Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More | | 775 |
| videos, runtimes, v8 |
| Quick Tip: How to Use the Ternary Operator in JavaScript | | 774 |
| how-tos, operators, tips-and-tricks |
| Delightful UI Animations With Shared Element Transitions API II (cod/sma) | | 773 |
| animations, transitions, apis |
| Understanding “async” and “await” | | 772 |
| asynchronicity |
| How to Safely Pass Data to JavaScript in a Django Template | | 771 |
| how-tos, django |
| Quick Tip: How to Use the Spread Operator in JavaScript | | 770 |
| how-tos, operators, tips-and-tricks |
| The Missing Math Methods in JavaScript | | 769 |
| math |
| The Difference Between “undefined” and “not defined” in JavaScript | | 768 |
|
| I Turned JS Into a Compiled Language (for Fun and Wasm) (sur) | | 767 |
| compiling, webassembly |
| I Changed My Mind About Writing New JavaScript Frameworks (whi) | | 766 |
| frameworks |
| Delightful UI Animations With Shared Element Transitions API (cod/sma) | | 765 |
| animations, transitions, apis |
| Templating in HTML (kit) | | 764 |
| html |
| Optimize Long Tasks (mal/dev) | | 763 |
| performance, optimization |
| Let Me Understand How JavaScript Works Under the Hood | | 762 |
|
| How to Return Multiple Values From a Function in JavaScript (ami) | | 761 |
| how-tos, functions |
| Dear Console… (cod) | | 760 |
| console |
