The Awesome JavaScript feed

Today

YveBot

Smart rule-based bot. For Browser & Node.
Featured Library // Category Bots

Making "Bellwoods" — a 13 kilobyte art game

Article Popular Story // mattdesl.svbtle.com

jTable vs DataTables

Popular comparison
  • jTable - A jQuery plugin to create AJAX based CRUD tables.
  • DataTables - (jQuery plug-in) It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

Building a React-esque component using vanilla javascript

Article Popular Story // medium.com

Yesterday

RegExr

HTML/JS based tool for creating, testing, and learning about Regular Expressions.
Featured Library // Category RegExp

Last 7 Days

metrics-graphics

A library optimized for concise, principled data graphics and layouts.
Featured Library // Category d3

The danger of target=_blank and opener

Article Popular Story // www.pixelstech.net

Webpack 4 Tutorial With Example From Scratch

Webpack 4 Tutorial With Example From Scratch is today’s topic. At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it recursively builds a dependency graph that includes every module your application needs, then packages all of those modules into one or more bundles. I have try my best to understand webpack 4 tutorial as easy as possible.
Article Added by: KrunalLathiya // appdividend.com

noUiSlider

A lightweight, highly customizable range slider without bloat.
Featured Library // Category Range Sliders

The Rise of Immer as Immutability library in React

Article Popular Story // www.netlify.com

ag-Grid vs HANDSONTABLE

Popular comparison
  • ag-Grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
  • HANDSONTABLE - Handsontable is a JavaScript/HTML5 Spreadsheet Library for Developers

Web Reading Mode: The non-standard rendering mode

Four-part series exploring how Reader Mode works as a separate non-standard rendering mode.
Article Added by: da2x // www.ctrl.blog

ace vs Monaco Editor

Popular comparison
  • ace - Ace (Ajax.org Cloud9 Editor).
  • Monaco Editor - A browser based code editor

Client-side vs Server-side vs Pre-rendering for Web Apps

Slow sites mean poor UX. Heavy front ends don't help, but SSR and pre-rendering are good alternatives. Which strategy is right for your app?
Article Added by: steph-smith // www.toptal.com

Lebab

Turn your ES5 code into readable ES6 (sugar-syntax). It does the opposite of what Babel does.
Featured Library // Category ES6

Awesome JavaScript Newsletter » 121

Top Stories
  • Google has a monopoly on search rankings. Now they're trying to monopolize websites with AMP.
  • I made a simple mouse-based parallax effect with vanilla javascript
  • A game that pits your sanity against the logic behind JavaScript's == operator
Follow us on Twitter @jsLibHunt

jsPDF vs pdfmake

Popular comparison
  • jsPDF - JavaScript PDF generation.
  • pdfmake - Client/server side PDF printing in pure JavaScript

Create a Custom Vue.js Plugin in < 1 Hour [Code Included]

Vue.js plugins are essential for developers working with this JS framework. This post explains what they are, and how to craft a production-ready Vue plugin in < 1 hour.
Tutorial Added by: Mathdio24 // snipcart.com

Vue.js vs knockout

Popular comparison
  • Vue.js - Intuitive, fast & composable MVVM for building interactive interfaces.
  • knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript.

PrismJS

Lightweight, robust, elegant syntax highlighting.
Featured Library // Category Code highlighting

Creating Vue.js Client Side – Components Props and Events

We are going to make an additional component and then show how communication between parent-child components works.
Article Added by: CodeMazeBlog // code-maze.com

three.js vs p5.js

Popular comparison
  • three.js - JavaScript 3D library.
  • p5.js - p5.js is a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.

11 Javascript Data Visualization Libraries for 2018

Article Popular Story // blog.bitsrc.io

Froala Editor

A beautifully designed WYSIWYG HTML Editor based on HTML5.
Featured Library // Category Editors

Add 2FA to a Nuxt application using Server Side Middleware & Nexmo Verify

In this tutorial we’re going to built a basic application with two-factor authentication using the Nuxt JS framework. The app contains a secured section that takes advantage of Server Side Middleware to expose a simple Express API to interact with the Nexmo Node SDK.
Tutorial Added by: martyndavies // www.nexmo.com

emotion vs styled-components

Popular comparison
  • emotion - ⚡️ The Next Generation of CSS-in-JS
  • styled-components - Visual primitives for the component age 💅

How to Design for the Modern Web

Article Popular Story // medium.com