Awesome JavaScript Posts

Contents

• Angular
• D3.js
• Ember.js
• Git
• GraphQL
• Helper Components
• JavaScript
• Node.js
• Package Manager
• React
• TensorFlow.js
• Testing
• TypeScript
• VS Code
• Vue.js
• Web Development
• Webpack
• MongoDB
• Next.js
• Solid.js
• Miscellaneous

Angular

• Angular at I/O 2022  :new:
• 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.

⬆ back to top

D3.js

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

⬆ back to top

Ember.js

• Ember 4.4 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.

⬆ back to top

Git

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

⬆ back to top

GraphQL

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

⬆ back to top

Helper Components

• 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.  _{^{( If you need a modal on top of your modal )}}
• 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.

⬆ back to top

JavaScript

• The History of JavaScript.  :pushpin:
• Modern JS Cheatsheet.  :pushpin:
• 33 Concepts Every JavaScript Developer Should Know.  :pushpin:
• 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 null and undefined in 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 typeof in 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 .filter game.
• 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

⬆ back to top

Node.js

• A Growing Collection of 86 Node.js Best Practices  :pushpin:
• JavaScript & Node.js testing best practices.  :pushpin:
• Using Redis with Node.js  :new:
• 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.
• Learn Node.js
• Everything you need to know about Event Loop.

⬆ back to top

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 initializer command.  :new:
• Next Generation Package Management.
• Two-Factor Authentication Protection for npm Packages
• To Yarn and Back (to npm) Again.

⬆ back to top

React

• What's new in react 18?
• How To Migrate From jQuery To Next.js  :new:
• 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.  _{^{( Long, but starts from a very simple level )}}
• React Native at Airbnb.
• Building Serverless Mobile Apps with React Native and AWS.
• A Complete Beginner's Guide to React

⬆ back to top

TensorFlow.js

• Artificial Intelligence in JS with TensorFlow.js
• Serverless Machine Learning With TensorFlow.js
• Taking Your First Steps with TensorFlow.js

⬆ back to top

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

⬆ back to top

TypeScript

• Announcing TypeScript 4.6.  :pushpin:
• 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._{^{( Babel 7 now ships with TypeScript support! )}}
• 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

⬆ back to top

VS Code

• Curated List Of The Best VS Code Extension Lists.  :new:
• 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.

⬆ back to top

Vue.js

• Vue CLI 3.0 is here!  :pushpin:
• Vue 3 Migration Build: Safely upgrade your app to Vue 3 (Pt. 1).  :new:
• How to Structure a Large Scale Vue.js Application.  :new:
• 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.  _{^{( Takes a shot at convincing you that using Vue.js doesn't have to be a headache and will help even on basic projects. )}}
• Useful Vue patterns, techniques, tips and tricks and helpful curated links.

⬆ back to top

Web Development

• Pug 3.0.0 released: A Rich Templating Engine for Node.  :new:
• 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.

⬆ back to top

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.

⬆ back to top

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.

⬆ back to top

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

⬆ back to top

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

⬆ back to top

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.  :new:
• 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..

⬆ back to top

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

⬆ back to top

Contributing

• Your contributions are always welcome! Please read the contribution guidelines first.

License

To the extent possible under law, Palash Mondal has waived all copyright and related or neighboring rights to this work.