Merge e3a08e63fd into f54cf284aa

* Added new category and suggestion as example

* Added reference in content list

* Update README.md

---------

Co-authored-by: Gökay Gürcan <github@gokaygurcan.com>

README.md

@@ -4,24 +4,29 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
 
 * [Awesome JavaScript](#awesome-javascript)
   * [Package Managers](#package-managers)
-  * [Component management](#component-management)
+  * [Component Management](#component-management)
   * [Loaders](#loaders)
+  * [Transpilers](#transpilers)
   * [Bundlers](#bundlers)
   * [Minimizers](#minimizers)
   * [Type Checkers](#type-checkers)
   * [Testing Frameworks](#testing-frameworks)
+    * [Frameworks](#frameworks)
+    * [Assertion](#assertion)
+    * [Coverage](#coverage)
+    * [Runner](#runner)
   * [QA Tools](#qa-tools)
   * [MVC Frameworks and Libraries](#mvc-frameworks-and-libraries)
   * [Node-Powered CMS Frameworks](#node-powered-cms-frameworks)
   * [Templating Engines](#templating-engines)
   * [Game Engines](#game-engines)
-  * [Articles/Posts](#articles-and-posts)
+  * [Articles and Posts](#articles-and-posts)
   * [Data Visualization](#data-visualization)
-    * [Timeline](#timeline)
+  * [Timeline](#timeline)
-    * [Spreadsheet](#spreadsheet)
+  * [Spreadsheet](#spreadsheet)
   * [Editors](#editors)
   * [Documentation](#documentation)
-  * Utilities
+  - Utilities
     * [Files](#files)
     * [Functional Programming](#functional-programming)
     * [Reactive Programming](#reactive-programming)
@@ -37,18 +42,17 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
     * [Security](#security)
     * [Log](#log)
     * [RegExp](#regexp)
-    * [Media](#videoaudio)
     * [Voice Command](#voice-command)
     * [API](#api)
     * [Streaming](#streaming)
     * [Vision Detection](#vision-detection)
+    * [Machine Learning](#machine-learning)
     * [Browser Detection](#browser-detection)
     * [Operating System](#operating-system)
     * [Benchmark](#benchmark)
-    * [Machine Learning](#machine-learning)
     * [Web Worker](#web-worker)
-  * UI
+  - UI
-    * [Code Highlighting](#code-highlighting)
+    * [Code highlighting](#code-highlighting)
     * [Loading Status](#loading-status)
     * [Validation](#validation)
     * [Keyboard Wrappers](#keyboard-wrappers)
@@ -57,32 +61,37 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
     * [Sliders](#sliders)
     * [Range Sliders](#range-sliders)
     * [Form Widgets](#form-widgets)
+      * [Input](#input)
+      * [Calendar](#calendar)
+      * [Select](#select)
+      * [File Uploader](#file-uploader)
+      * [Other](#other)
     * [Tips](#tips)
     * [Modals and Popups](#modals-and-popups)
     * [Scroll](#scroll)
     * [Menu](#menu)
     * [Table/Grid](#tablegrid)
-    * [Frameworks](#frameworks-1)
+    * [Frameworks](#frameworks)
     * [Boilerplates](#boilerplates)
-    * [Image](#image)
+    * [Images](#images)
   * [Gesture](#gesture)
   * [Maps](#maps)
+  * [Video/Audio](#videoaudio)
   * [Typography](#typography)
   * [Animations](#animations)
-  * [Image processing](#image-processing)
+  * [Image Processing](#image-processing)
   * [ES6](#es6)
   * [Generators](#generators)
-  * [Full Text Search](#full-text-search)
   * [SDK](#sdk)
+  * [Full Text Search](#full-text-search)
   * [Misc](#misc)
-  * [Podcasts](#podcasts)
 * [Worth Reading](#worth-reading)
 * [Other Awesome Lists](#other-awesome-lists)
 * [Contributing](#contributing)
+* [License](#license)
 
 ----
 
-
 ## Package Managers
 *Host the JavaScript libraries and provide tools for fetching and packaging them.*
 
@@ -98,7 +107,6 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
 * [yarn](https://yarnpkg.com/) - Fast, reliable, and secure dependency management.
 * [pnpm](https://pnpm.io/) - Fast, disk space efficient package manager.
 
-
 ## Component Management
 
 * [Bit](https://github.com/teambit/bit) - Create, find and reuse components (React, Angular, Node etc.) across applications.
@@ -117,6 +125,10 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
 * [ESL](https://github.com/ecomfe/esl) - Module loader browser first, support lazy define and AMD.
 * [modulejs](https://github.com/lrsjng/modulejs) - Lightweight JavaScript module system.
 
+## Transpilers
+*Software that converts the modern JavaScript syntax into the older JavaScript syntax.*
+
+* [SWC](https://swc.rs/) - Extensible Rust-based platform for compilation.
 
 ## Bundlers
 
@@ -128,13 +140,11 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
 * [FuseBox](https://github.com/fuse-box/fuse-box) - A bundler that does it right
 * [Snowpack](https://www.snowpack.dev/) - A lightning-fast frontend build tool, designed for the modern web.
 
-
 # Minimizers
 
 * [Terser](https://github.com/terser/terser) - parser, mangler and compressor toolkit for ES6+
 * [Uglify](https://github.com/mishoo/UglifyJS) - parser / mangler / compressor / beautifier toolkit
 
-
 ## Type Checkers
 
 * [TypeScript](https://www.typescriptlang.org/) - A typed superset of JavaScript that compiles to plain JavaScript.
@@ -143,7 +153,6 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
 * [TypL](https://github.com/getify/TypL) - the JavaScript Type Linter with a bias on type inference.
 * [Hindley Milner Definitions](https://github.com/xodio/hm-def) - runtime type checking for JavaScript functions using Haskell-alike Hindley Milner type signatures.
 
-
 ## Testing Frameworks
 
 ### Frameworks
@@ -392,7 +401,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [raptor-editor](https://github.com/PANmedia/raptor-editor) - Raptor, an HTML5 WYSIWYG content editor!
 * [popline](https://github.com/kenshin54/popline) - Popline is an HTML5 Rich-Text-Editor Toolbar.
 * [Summernote](https://github.com/summernote/summernote) - Super simple WYSIWYG editor.
-
+* [Everright-formEditor](https://github.com/Liberty-liu/Everright-formEditor) - A visual drag-and-drop low-code form editor
 
 ## Documentation
 
@@ -411,7 +420,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [jsduck](https://github.com/senchalabs/jsduck) - API documentation generator made for Sencha JavaScript frameworks, but can be used for other frameworks too.
 * [codecrumbs](https://github.com/Bogdan-Lyashenko/codecrumbs) is a visual tool for learning and documenting a codebase by putting breadcrumbs in source code.
 
-
 ## Files
 *Libraries for working with files.*
 
@@ -421,7 +429,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [jsPDF](https://github.com/MrRio/jsPDF) - JavaScript PDF generation.
 * [PDF.js](https://github.com/mozilla/pdf.js) - PDF Reader in JavaScript.
 
-
 ## Functional Programming
 *Functional programming libraries to extend JavaScript’s capabilities.*
 
@@ -436,7 +443,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [fxts](https://github.com/marpple/FxTS) - Lazy evaluation and concurrency.
 * [wild-wild-path](https://github.com/ehmicky/wild-wild-path) - Object property paths with wildcards and regexps.
 
-
 ## Reactive Programming
 *Reactive programming libraries to extend JavaScript’s capabilities.*
 
@@ -505,7 +511,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Polynomial.js](https://github.com/infusion/Polynomial.js) - A polynomials library for JavaScript.
 * [Quaternion.js](https://github.com/infusion/Quaternion.js) - A quaternion library for JavaScript
 
-
 ## Storage
 
 * [store.js](https://github.com/marcuswestin/store.js) - LocalStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood.
@@ -561,7 +566,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [ObjectEventTarget](https://github.com/gartz/ObjectEventTarget) - Provide a prototype that add support to event listeners (with same behavior of EventTarget from DOMElements available on browsers).
 * [sporadic](https://github.com/marcoonroad/sporadic) - Composable concurrency abstractions (such as streams, coroutines and Go-like channels) on top of promises, for Node and browser engines.
 
-
 ## Routing
 
 * [director](https://github.com/flatiron/director) - A tiny and isomorphic URL router for JavaScript.
@@ -571,7 +575,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [davis.js](https://github.com/olivernn/davis.js) - RESTful degradable JavaScript routing using pushState.
 * [navaid](https://github.com/lukeed/navaid) - A navigation aid (aka, router) for the browser in 850 bytes~!
 
-
 ## Security
 
 * [DOMPurify](https://github.com/cure53/DOMPurify) - A DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.
@@ -579,7 +582,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [xss-filters](https://github.com/yahoo/xss-filters) - Secure XSS Filters by Yahoo.
 * [sanitize-html](https://github.com/apostrophecms/sanitize-html) - sanitize-html provides a simple HTML sanitizer with a clear API.
 
-
 ## Log
 
 * [log](https://github.com/adamschwartz/log) - Console.log with style.
@@ -593,13 +595,11 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [RegEx101](https://regex101.com/#javascript) - Online regex tester and debugger for JavaScript. Also supports Python, PHP and PCRE.
 * [RegExr](https://regexr.com/) - HTML/JS based tool for creating, testing, and learning about Regular Expressions.
 
-
 ## Voice Command
 
 * [annyang](https://github.com/TalAter/annyang) - A JavaScript library for adding voice commands to your site, using speech recognition.
 * [voix.js](https://github.com/pazguille/voix) - A JavaScript library to add voice commands to your sites, apps or games.
 
-
 ## API
 
 * [axios](https://github.com/axios/axios) - Promise based HTTP client for the browser and node.js.
@@ -621,13 +621,11 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 
 * [Tailor](https://github.com/zalando/tailor) - Streaming layout service for front-end microservices, inspired by Facebook's BigPipe.
 
-
 ## Vision Detection
 
 * [tracking.js](https://github.com/eduardolundgren/tracking.js) - A modern approach for Computer Vision on the web.
 * [ocrad.js](https://github.com/antimatter15/ocrad.js) - OCR in JavaScript via Emscripten.
 
-
 ## Machine Learning
 
 * [ConvNetJS](https://github.com/karpathy/convnetjs) - Deep Learning in JavaScript. Train Convolutional Neural Networks (or ordinary ones) in your browser.
@@ -640,7 +638,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Synapses](https://github.com/mrdimosthenis/Synapses) - Lightweight cross-platform Neural Network library.
 * [m2cgen](https://github.com/BayesWitnesses/m2cgen) - A CLI tool to transpile trained classic ML models into a native JavaScript code with zero dependencies.
 
-
 ## Browser Detection
 
 * [bowser](https://github.com/ded/bowser) - a browser detector.
@@ -671,7 +668,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Highlight.js](https://github.com/isagalaev/highlight.js) - JavaScript syntax highlighter.
 * [PrismJS](https://github.com/PrismJS/prism) - Lightweight, robust, elegant syntax highlighting.
 
-
 ## Loading Status
 *Libraries for indicate load status.*
 
@@ -688,7 +684,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Ladda](https://github.com/hakimel/Ladda) - Buttons with built-in loading indicators.
 * [css-loaders](https://github.com/lukehaas/css-loaders) - A collection of loading spinners animated with CSS
 
-
 ## Validation
 
 * [Parsley.js](https://github.com/guillaumepotier/Parsley.js) - Validate your forms, frontend, without writing a single line of JavaScript.
@@ -702,7 +697,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Funval](https://github.com/neuledge/funval) - Data validation using functions interfaces (support TypeScript).
 * [vest](https://github.com/ealush/vest) - 🦺 Declarative form validation framework inspired by unit testing.
 
-
 ## Keyboard Wrappers
 
 * [mousetrap](https://github.com/ccampbell/mousetrap) - Simple library for handling keyboard shortcuts in JavaScript.
@@ -712,7 +706,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [jquery.hotkeys](https://github.com/jeresig/jquery.hotkeys) - jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.
 * [jwerty](https://github.com/keithamus/jwerty) - Awesome handling of keyboard events.
 
-
 ## Tours And Guides
 
 * [intro.js](https://github.com/usablica/intro.js) - A better way for new feature introduction and step-by-step users guide for your website and project.
@@ -735,13 +728,12 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [smoke.js](https://github.com/hxgf/smoke.js) - Framework-agnostic styled alert system for JavaScript.
 * [notie](https://github.com/jaredreich/notie) - Simple notifications and inputs with no dependencies.
 * [notifire](https://github.com/notifirehq/notifire) - Open-source notification infrastructure for products.
-
+* [toastify-js](https://github.com/apvarun/toastify-js) - Pure JavaScript library for better notification messages.
 
 ## Sliders
 
 * [Swiper](https://github.com/nolimits4web/Swiper) - Mobile touch slider and framework with hardware accelerated transitions.
 * [slick](https://github.com/kenwheeler/slick) - The last carousel you'll ever need.
-* [slidesJs](http://www.slidesjs.com) - Is a responsive slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3 transitions
 * [FlexSlider](https://github.com/woothemes/FlexSlider) - An awesome, fully responsive jQuery slider plugin.
 * [sly](https://github.com/darsain/sly) - JavaScript library for one-directional scrolling with item based navigation support.
 * [vegas](https://github.com/jaysalvat/vegas) - A jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows.
@@ -876,7 +868,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Slide and swipe](https://github.com/JoanClaret/slide-and-swipe-menu) - A sliding swipe menu that works with touchSwipe library.
 * [mmenu](https://github.com/FrDH/jQuery.mmenu) - The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp.
 
-
 ## Table/Grid
 
 * [jTable](https://github.com/hikalkan/jtable) - A jQuery plugin to create AJAX based CRUD tables.
@@ -889,7 +880,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
 * [Isotope](https://isotope.metafizzy.co/) - A filterable, sortable, grid layout library. Can implement Masonry, Packery, and other layouts.
 * [flexboxgrid](https://github.com/kristoferjoseph/flexboxgrid/) - Grid based on CSS3 flexbox.
 
-
 ## Frameworks
 
 * [Semantic UI](https://semantic-ui.com/) - UI Kit with lots of themes and elements.
@@ -917,13 +907,13 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
  * [Drift](https://github.com/imgix/drift) - Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.
  * [Magnificent.js](https://github.com/AndersDJohnson/magnificent.js) - Zoom responsively, images & more, w/ jQuery.
  * [Panolens.js](https://github.com/pchen66/panolens.js) - Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible
+
 ## Gesture
 
 * [hammer.js](https://github.com/hammerjs/hammer.js) - A JavaScript library for multi-touch gestures.
 * [touchemulator](https://github.com/hammerjs/touchemulator) - Emulate touch input on your desktop.
 * [Dragula](https://github.com/bevacqua/dragula/) - Drag and drop so simple it hurts.
 
-
 ## Maps
 
 * [Leaflet](https://github.com/Leaflet/Leaflet) - JavaScript library for mobile-friendly interactive maps.
@@ -970,7 +960,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
  * [FitText.js](https://github.com/davatron5000/FitText.js) - A jQuery plugin for inflating web type.
  * [Lettering.js](https://github.com/davatron5000/Lettering.js) - A lightweight, easy to use JavaScript `<span>` injector for radical Web Typography.
 
-
 ## Animations
 
 * [velocity](https://github.com/julianshapiro/velocity) - Accelerated JavaScript animation.
@@ -1060,11 +1049,8 @@ https://listjs.com
 * [lune](https://github.com/ryanseys/lune) - Library to calculate the phases of the moon accurately.
 * [jsemu](https://github.com/fcambus/jsemu) - A list of emulators written in the JavaScript programming language.
 
-## Podcasts
-* [Web of Tomorrow](http://www.weboftomorrowpodcast.com/) - Podcast about JavaScript for beginners.
-
 # Worth Reading
-
+ 
 * [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS) - Possibly the best book written on modern JavaScript, completely readable online for free, or can be bought to support the author.
 * [braziljs/js-the-right-way](https://github.com/braziljs/js-the-right-way/) - An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web.
 * [JSbooks](https://github.com/revolunet/JSbooks) - Directory of free JavaScript ebooks.
@@ -1077,6 +1063,7 @@ https://listjs.com
 
 
 # Other Awesome Lists
+ 
 * [sotayamashita/awesome-css](https://github.com/sotayamashita/awesome-css)
 * [emijrp/awesome-awesome](https://github.com/emijrp/awesome-awesome)
 * [bayandin/awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness)