Awesome JavaScript Posts 
A curated list of latest posts, blogs and repositories related to JavaScript.
This list is the result of Pull Requests, reviews, ideas and work done by 10+ people. You too can help by sending Pull Requests to add more links or by remove ones which links are not working anymore.
Contents
- Angular
- D3.js
- Ember.js
- Git
- GraphQL
- Helper Components
- JavaScript
- Node.js
- Deno
- Package Manager
- React
- React Query
- Zustand
- TensorFlow.js
- Testing
- TypeScript
- VS Code
- Vue.js
- Web Development
- Webpack
- MongoDB
- Next.js
- Solid.js
- Miscellaneous
- Other Awesome Lists
Angular
- Angular v16 is here
- What's New in Angular 16 and What To Expect
- Angular at I/O 2022
- Angular 14 new features
- Angular Pipes Simplified
- Version 10 of Angular Now Available
- What's New in Angular 9
- Angular - All Talks from ng-conf 2019
- What's New in Angular (Google I/O '19)
- Angular 8.0.0-RC.0 is out!
- Full Stack Angular PWA example app with NgRx & NestJS
- Clean Code Checklist in Angular
- Understanding RxJS Subjects, Behavior Subjects, and Replay Subjects Using a Deck of Cards
- Stop Repeating Yourself in Angular: How to Create Abstract Components
- A Basic Guide to Getting Started with Angular Material
- Using Nested Forms in Angular 6
- Using new Babel 7 and preset-typescript to compile Angular 6 app
- Angular 6 CLI: Why You Need It And How To Use It
- How Did Angular CLI Budgets Save My Day And How They Can Save Yours
- Angular 7 is coming
- Managing State in Angular using Akita
- Turning an Angular 6 app into a Progressive Web App
- Pushing the Limits of the Web with Angular
- Building an Audio Player App with Ionic, Angular, RxJS, and NgRx
- Version 6 of Angular Now Available
- Quickly create real Angular prototypes without writing code
- NgRx and Best Practices for Enterprise Angular Applications
D3.js
- Data Visualization With D3.Js
- D3.js Resources: Tutorials, Tools, and References
- Data Visualization with D3 – Full Course for Beginners (2022)
- A crash course in React.js and D3
- D3.js Tutorial – Data Visualization for Beginners
- D3 Zoom, the math, the matrix, the transform, the complete guide
- Building a better D3 axis
- How to work with D3.js's general update pattern
- Build a live graph with D3.js
- d3-x3dom makes it easy to quickly produce beautiful 3D data visualisations
- Learn to Create D3.js Data Visualizations by Example
- Building a Complex Financial Chart with D3 and d3fc
Ember.js
- Ember vs React: Comparison of JS Technologies
- Getting started with Ember - Learn web development | MDN
- Ember 4.12 Released
- Uploading images to S3 in Ember.js
- The Road to Ember 4.0 - Polaris
- EmberFest 2019 CFP is now open!
- Decorators Arrive in Ember 3.10 & more
- EmberConf 2019 Videos
- Ember 3.9 Released
- Sam Selikoff - Choosing Ember.js in 2018
- Ember: Our Secret Weapon
- Ember.js is growing - Stats from npm
- A preview of Ember.js Octane
- Ember.js: The Documentary 2019
- Conversation with Ember co-creator Tom Dale on Ember 3.0 and the future of Ember
Git
- Recovering Deleted Files From Your Git Working Tree
- Use git fetch, pull, push and sync for version control in Visual Studio
- Using Git source control in VS Code
- Git-Sim: Visually Simulate Git Operations In Your Own Repos
- Introduction to Git in VS Code
- Highlights from Git 2.41
- Git Organized: A Better Git Flow
- How to Learn Git Slowly
- A Guide to writing Industry Standard Git Commit Message
- Merging Pull Requests Like a Pro With Mergify
- 25 Git commands I use daily and you should know
- Top 5 Git Tips & Tricks
- The best VS Code extensions to supercharge Git
GraphQL
- GraphQL: Everything You Need to Know
- The GraphQL API Handbook – How to Build, Test, Consume and Document GraphQL APIs
- Introduction to GraphQL with MarkLogic
- Learn GraphQL In One Week
- The supergraph: a new way to think about GraphQL
- Using GraphQL with Axios and Redux
- Why GraphQL is Taking Over APIs
- How to Set Up a GraphQL Server using Express.js and MongoDB
- How to Create a Secure Node.js GraphQL API
- Why GraphQL: Advantages, Disadvantages and Alternatives
- How to Create GraphQL APIs with Node and MongoDB
- GraphQL: Everything You Need to Know
- GraphQL Stack: A chart that shows how all the tools interconnect
Helper Components
- JSON Crack: Seamlessly visualize your JSON data instantly into graphs
- Useful JavaScript Data Grid Libraries
- crypto-random-string 5.0: Generate a Cryptographically Strong Random String
- Rome Formatter: A new formatter for JavaScript and TypeScript
- new-tailwind-app: Set up a tailwind app with
npx new-tailwind-app - Aeon: A Lightweight Date Picker Built with Web Components
- Financial: A Zero-Dependency Financial Calculations Library
- Panolens.js: A JavaScript Panorama Viewer Based on Three.js
- Campkit: A Framework for Building Node.js Microservices Faster
- Fiddle: The Easiest Way to Get Started with Electron
- ApexCharts: A JavaScript Chart (and More) Library
- Just: A JavaScript Task Library from Microsoft
- FUNC: Another Simple Way to Build Command-Line Tools
- Swagger Client: A JS Client to Fetch, Resolve, and Interact with Swagger/OpenAPI Documents
- Shepherd: Guide Your Users Through a Tour of Your App
- eslint-plugin-unicorn: Various Awesome ESLint Rules
- Easy Attach: A Helper Tool To Dynamically Launch the Debugger
- ky-universal: Use Ky in Both Node.js and Browsers
- Split.js: Create Resizable Split Views / Panes / Frames
- git-history: Quickly Browse the History of any GitHub File
- FBT: An Internationalization Framework from Facebook
- Demoboard: A Live Code/Demo Editor That Integrates with npm
- Glider.js: A Fast, Lightweight Carousel/Scrolling List
- Sublime Merge: A New Git Client from the Makers of Sublime Text
- low.js: A Node.js Port for Embedded Devices
- Ky: A Tiny, Elegant HTTP Client for Browsers Based on Fetch
- Nodebook: A Minimalist Node REPL with a Web-Based UI
- routeGen: Define Your API and SPA Routes in One Place, Then Use Them Globally
- Pts: A Library for Visualization and Creative Coding
- PrettyError: See Node.js Errors with Less Clutter and Better Formatting
- Dumper.js: A Pretty Variable Inspector for Node
- Building Interactive Bar Charts with D3.js
- FormStorage: Keep Form Data Stored Locally After Submission
- v8n: A JavaScript Fluent Validation Library
- TOAST UI Grid: A Powerful Data Grid Control
- Pushbar.js: Simply Creating 'Sliding Drawers' on Your Pages/Apps
- StealJS 2.0: The 'Futuristic' Dependency Loader and Builder
- Git and GitHub - must know commands to make your first commit
- Popbox.js: Stackable Modals for Web Pages
- Get Better Type Checking in JavaScript with the Maybe Type
- Axax: Async Iterator Extensions for JavaScript e.g.
map,reduce,filter,flatMap, etc. - Netflix releases Polly, a client-side library to record and replay HTTP interactions
- rmodal.js: A Simple 1.2 KB Modal Dialog with No Dependencies
- Proppy: Functional Props Composition for UI Components
- Paper.js: A 'Swiss Army Knife' for Vector Graphics Scripting
- 9 JavaScript Time And Date Libraries For 2018
JavaScript
- The History of JavaScript
- Modern JS Cheatsheet
- Safe Data Fetching in Modern JavaScript
- 33 Concepts Every JavaScript Developer Should Know
- Beginner JavaScript Notes + Reference by @wesbos
- Building A Dynamic Header With Intersection Observer
- How to convert arrays to human-readable lists in JavaScript
- The Ultimate Guide to Browser-Side Storage
- 43 JavaScript Questions, With Their Answers Explained
- New ES2018 Features Every JavaScript Developer Should Know
- What's new in V8/JavaScript — June, 2020
- What 'Polymorphism' Means in JavaScript
- Natively Formatting JavaScript Dates and Times
- Type Safe JavaScript with JSDoc
- A little bit of plain JavaScript can do a lot
- 5 Uses for the Spread Operator
- 8 Useful JavaScript Tricks
- Handling
nullandundefinedin JavaScript - 2018 JavaScript Rising Stars
- Top JavaScript Frameworks and Topics to Learn in 2019
- How JavaScript Works: How V8 Optimizes for Efficiency
- Animating URLs with JavaScript and Emojis
- Making Sense Of JavaScript's Closure With Some Examples
- Going Beyond
console.log() - The Evolution of Async JavaScript
- Functional JS with ES6 — Booleans, Conditionals, and Operators
- Promise Chaining Is Dead. Long Live
async/await - Execution Context In JavaScript
- Understanding Type-Checking and
typeofin JavaScript - 30 Seconds of Code: A Curated Collection of Useful JavaScript Snippets
- Updating a CSS Variable with JavaScript
- How to use Media Queries in JavaScript with matchMedia
- Mastering Modular JavaScript
- What do the three dots (...) mean in JavaScript?
- A Little-known Fact About JavaScript Hoisting
- Variable Scope in Modern JavaScript
- A Comprehensive Guide to Working with Dates in JavaScript
- Level up your
.filtergame - Private and Public Scope in JavaScript
- Native JavaScript Modules
- Understanding the 'this' Keyword, call, apply, and bind in JavaScript
- Snippets for Vanilla JS Coding
- The Cost Of JavaScript - Addy Osmani - Fluent 2018
- What's New In ES2018
- Build a Single Page App from Scratch Without a Framework
- A minimal guide to ECMAScript Decorators
- 11 JavaScript Resources For Every Level of Expertise
- Understanding the Almighty Reducer
- Here's Why Mapping a Constructed Array in JavaScript Doesn't Work
- Spice up your JavaScript
- Revising Useful JavaScript Array and Object Methods
- A JavaScript String Methods Cheatsheet
- Understanding Functional Programming with JavaScript
- Rust from 0 to 80% for JavaScript Developers
Node.js
- A Growing Collection of 86 Node.js Best Practices
- Using Redis with Node.js
- Node v11.11.0 (Current) Released
- Understanding Worker Threads in Node
- Build an Interactive Voice Response Menu using Node and Express
- On Node 12's New Experimental ES Modules Support
- The Process of Black-Box Testing a Node.js Web API
- How to Run Your Node App on a Headless Raspberry Pi
- Node Multithreading: What Are Worker Threads and Why Do They Matter?
- Five Common Mistakes in Every Node App
- How to Start A Node Project
- How to Debug Node in A Docker Container
- Create and Verify JWTs with Node
- 6 Main Reasons Why Node Has Become a Standard Technology for Enterprises
- Creating a logger in Node.js from scratch
- Tips for Writing Lambda Functions in Node 8
- How to Debug a Node.js app in a Docker Container
- Squeeze Node.js Performance with Flame Graphs
- Got 9.0: A Powerful HTTP Request Library for Node.js
- Practical Mini-Projects You Could Build with Node
- Unit Testing for Node.js Serverless Framework Projects with Jest
- Why the New V8 is So Darn Fast
- The fastest Node.js library for formatting terminal text with ANSI colors
- Testing Node.js in 2018
- Creating Enterprise Web Applications with Node
- A Practical Intro to Multithreading in Node 10.5
- node-pg-migrate: Node.js Database Migration Management for Postgresql
- Getting Started with Docker Images for Node Apps
- Implementing Feature Flags with Node and React
- How to Watch for Files Changes in Node.js
- Getting Started With Ripple (XRP) and Node.js
- Building a Facebook Messenger Chat Bot with Node.js
- Building Light Weight Microservices with Redis (and Node)
- 10 Things Ryan Dahl Regrets About Node.js
- See also deno: A secure TypeScript runtime on V8
- Build a Twelve-Factor Node.js App with Docker
- Using the Experimental ES Module Support in Node 10
- Securing Node.js RESTful APIs with JSON Web Tokens
- The best way to learn server-side JavaScript
- Everything you need to know about Event Loop
Deno
- Survey Results and Roadmap 2024
- Learn Deno and Go Beyond Node.js
- Writing a WebSocket server in JavaScript (Deno)
- Started using Deno? Get a digest of the latest news, tutorials and projects. Deno Weekly
- A 50 Minute Deno Crash Course
- Deno 1.0.2 Released
- Deploy Deno to Azure App Service using GitHub Action
- Deno is a Browser for Code
Package Manager
- Create a project using the
npm init initializercommand - Next Generation Package Management
- Two-Factor Authentication Protection for npm Packages
- To Yarn and Back (to npm) Again
React
- What's new in react 18?
- Enhancing The New York Times Web Performance with React 18
- Path To A Clean(er) React Architecture - Domain Logic
- How To Migrate From jQuery To Next.js
- Freelance React Developer Checklist
- Ink 3: Yep, You Can Build CLI Apps with React Too
- Building a virtualized list from scratch
- React Cheat sheet (Updated June 2021)
- React Libraries To Use In 2021: 17 Top Picks
- Setting A React Project From Scratch Using Babel And Webpack
- What's New in Create React App 2.0 Video Series
- What is JSX?
- Understanding Redux: The World's Easiest Guide to Beginning Redux
- React Native at Airbnb
- Building Serverless Mobile Apps with React Native and AWS
- A Complete Beginner's Guide to React
React Query
- Making a REST API typesafe with React Query and Zod
- What's new in React query v4?
- Fetching and Updating Data with React Query
- Optimistically Update Data With React Query In Your ReactJS Application
- Getting Started With UseQuery in React Query
- Type-Safe React Query – It's All About Trust
Zustand
- Zustand - React state management done right with bear minimum
- Working with Zustand
- A guide to managing state in Next.js with Zustand
- Global State Management in NextJs 14 Using Zustand
TensorFlow.js
- Artificial Intelligence in JS with TensorFlow.js
- Serverless Machine Learning With TensorFlow.js
- Taking Your First Steps with TensorFlow.js
Testing
- Wallaby.js: 15x Faster JavaScript/jest Testing and Debugging
- Comprehensive and exhaustive JavaScript & Node.js testing best practices (April 2022)
- End-to-End Testing Web Apps: The Painless Way
- Writing Testable Code
- An intro to Mutation Testing - or why coverage sucks
- Top Tutorials To Learn POSTMAN For REST API Testing
- 99 Things You Can Do To Become A Better Software Tester v2.0
- My Story of Test Automation
- Common Testing Mistakes
- Test coverage in Deno with Codecov and GitHub Actions
TypeScript
- Announcing TypeScript 5.0
- Using Typescript without compilation
- TypeScript Function Types: A Beginner's Guide
- Announcing TypeScript 4.6
- 3 TypeScript Tricks I wish I knew when I learned TypeScript
- Zero-runtime Stylesheets in TypeScript
- Tips for performant TypeScript
- TypeScript 3.4 is here
- Type-Driven Development: Replacing Unit Tests with Types in Typescript
- TypeScript 3.0: Exploring Tuples and the Unknown Type
- TypeScript and Babel 7
- TypeScript 3.0 Release Candidate Announced
- What's new in TypeScript 2.9
- Ultimate React Component Patterns with Typescript
- Keep Your Promises in TypeScript using async/await
VS Code
- Curated List Of The Best VS Code Extension Lists
- Syntax Highlighting in VS Code for HTML Inside of JavaScript
- Subliminal: An opinionated minimalistic VS Code theme for JavaScript
- Night Owl: A VS Code dark theme for contrast for nighttime coding
- Better Comments extension will help you create more human-friendly comments in your code
Vue.js
- Vue CLI 3.0 is here!
- Vue 3 Migration Build: Safely upgrade your app to Vue 3 (Pt. 1)
- How to Structure a Large Scale Vue.js Application
- Future-Oriented Programming with Vue 3
- Getting Started with Vue - An Overview and Walkthrough Tutorial
- Building an Authentication System for a Vue.js App
- What You Need to Know about Vue CLI 3
- How to Create a Vue.js Plugin in 1 Hour
- Making Phone Calls from a Web Browser with Vue.js and Nexmo In-App Voice
- Handling Authentication In Vue Using Vuex
- Dates in Vuex: Primitives or Complex Objects?
- Code Splitting Pattern With Vue.js & Webpack
- Managing Complex Waiting Experiences on Web UIs
- Building a RSS Viewer with Vue.js
- Vuesax New framework Components for Vue.js
- From Vanilla JS to Vue.js: A Refactoring Tale
- Build a Basic CRUD App with Vue.js and Node
- Replacing jQuery with Vue
- Useful Vue patterns, techniques, tips and tricks and helpful curated links
Web Development
- Pug 3.0.0 released: A Rich Templating Engine for Node
- Strapi 3.0 Released: An Open Source Headless Node.js CMS
- Building a Full-Stack Serverless App with Cloudflare Workers
- How One Team of Freelancers Writes Full Stack JavaScript Apps
- The Front-End Developer Handbook 2019
- ES5 to ESNext — Here's Every Feature Added to JavaScript Since 2015
- Resource Prioritization – Getting the Browser to Help You
- Libraries To Help You Work with WebGL
- Idle Until Urgent: A Performance Strategy
- Introducing
idle-comp: A Composable Idle Until Urgent Aproach - How to stop using
console.log()and start using your browser's debugger - Electron 3.0: The Cross Platform Desktop App Framework
- Write less code, ship more apps: How Vulcan.js makes me an efficient developer
- Tracking client JavaScript bundle size during development
- Optimization Auditing: A Deep Dive into Chrome's Dev Console
- 33 Best Online Web Tools For Web Developers And Programmers
- Writing Your Own ESLint Plugin
- Installable Web Apps: A Practical Introduction To PWAs
- The Problem You Solve Is More Important Than The Code You Write
- Create a Simple Weather App using Node, Express, and React
- How to continuously deploy a static website in style using GitHub and AWS
Webpack
- Webpack 4 Ultimate Tutorial: Learn basics in one video
- New features in Webpack 5
- Webpack (v4) Code Splitting using SplitChunksPlugin
- Deploy Your Webpack Apps to Heroku in 3 Simple Steps
- Critters: Webpack Plugin to Inline Critical CSS and Lazy-Load the Rest
MongoDB
- MongoDB Tutorial - CRUD app from scratch using Node.js
- How To Merge Multiple SQL Tables Into One MongoDB Collection
- 30+ Common MongoDB Interview Questions and Answers (v 4.0 Update)
- Mongoku: A neat, new Web interface for Mongo
- A Crash course on Serverless APIs with Express and MongoDB
Next.js
- Building a Realtime GraphQL Chat Application With SMS Notifications
- Why I Got Rid of getInitialProps in My Next.js Project
- Real-time Page Views with Next.js and Supabase
- Authentication Patterns for Next.js
Solid.js
- SolidJS in 100 Seconds by Fireship
- An Intro to Solid.js for React Developers
- Introducing the SolidJS UI Library by Ryan Carniato
- The State of SolidJS - March 2022
- The State of SolidJS - September 2021
Miscellaneous
- Announcing RedwoodJS 1.0 and $1M Funding
- How to Build a Great Developer Portfolio (+ Examples & Tools)
- 11 Morning Routines That Will Help You Prevent Burnout
- 21 Awesome DEV portfolios for your inspiration
- Ultimate Cheatsheet Compilation
- Write code that is easy to delete, not easy to extend
- How to Prevent or Recover from Developer Burnout
- The OpenJS Foundation Launches Two Node.js Certifications
- Understanding a Performance Issue with "Polymorphic" JSON Data
- Faster Async Functions and Promises for V8
- How GitHub Removed jQuery From Their Frontend
- The machine Fired me - No human could do a thing about it!
- Microsoft + GitHub = Empowering Developers
- Microsoft acquiring GitHub is a good thing. Here's why.
Other Awesome Lists
- sindresorhus/awesome
- sotayamashita/awesome-css
- emijrp/awesome-awesome
- bayandin/awesome-awesomeness
- vuejs/awesome-vue
- nuxt-community/awesome-nuxt
- gianarb/awesome-angularjs
- peterkokot/awesome-dojo
- obetomuniz/awesome-webcomponents
- willianjusten/awesome-svg
- davidsonfellipe/awesome-wpo
- sadcitizen/awesome-backbone
- enaqx/awesome-react
- peterkokot/awesome-jquery
- maximAbramchuck/awesome-interviews
- styfle/awesome-desktop-js
Contributing
- Your contributions are always welcome! Please read the contribution guidelines first.