Awesome JavaScript o Impresionante JavaScript

Una colección de increíbles bibliotecas, recursos y cosas brillantes de JavaScript del lado del navegador.

El mundo de Javascript, cada día se vuelve mas grande y extenso como las galaxias que existen en nuestro universo porque la adopción de Javascript es tan grande que en pocos minutos puedes lograr sitios estupendamente diseñados. Son muchos los recursos que existen sobre Javascript y aquí se comparte los mejores y mas actuales componentes y librerías para tus proyectos.

Administradores de paquetes

Aloje las bibliotecas de JavaScript y proporcione herramientas para obtenerlas y empaquetarlas.

• npm  : npm es el administrador de paquetes para JavaScript.
• Bower  : un administrador de paquetes para la web.
• componente  : gestión de paquetes de clientes para crear mejores aplicaciones web.
• spm  : nuevo administrador de paquetes estáticos.
• jam  : un administrador de paquetes que utiliza un repositorio centrado en el navegador y compatible con RequireJS.
• jspm  : administración de paquetes de navegador sin fricciones.
• Ender  : la biblioteca sin biblioteca.
• volo  : cree proyectos front-end a partir de plantillas, agregue dependencias y automatice los proyectos resultantes.
• Duo  : administrador de paquetes de próxima generación que combina las mejores ideas de Component, Browserify y Go para que la organización y escritura de código front-end sea rápida y sencilla.
• yarn  : gestión de dependencias rápida, fiable y segura.
• pnpm  : administrador de paquetes rápido y eficiente en el espacio en disco.

Gestión de componentes

• Bit  : cree, busque y reutilice componentes (React, Angular, Node, etc.) en todas las aplicaciones.

Cargadores

Módulo o sistema de carga para JavaScript.

• RequireJS  : un cargador de archivos y módulos para JavaScript.
• browserify  : requiere del lado del navegador () al estilo de node.js.
• SeaJS  : un cargador de módulos para la web.
• HeadJS  : el único script en tu HEAD.
• curl  : un cargador de módulos pequeño, rápido y extensible que maneja AMD, CommonJS Modules/1.1, CSS, HTML/text y scripts heredados.
• lazyload  : cargador asincrónico de JavaScript y CSS diminuto y sin dependencias.
• script.js  : cargador asíncrono de JavaScript y administrador de dependencias.
• systemjs  : cargador de módulos que cumple con las especificaciones de AMD, CJS y ES6.
• LodJS  : cargador de módulos basado en AMD.
• ESL  : primero el navegador del cargador de módulos, admite definición diferida y AMD.
• modulejs  : sistema de módulos ligeros de JavaScript.

Empaquetadores

• webpack  : paquetes de módulos CommonJs/AMD para el navegador.
• Rollup  : paquete de módulos ES6 de última generación.
• Brunch  : herramienta de creación de aplicaciones web front-end rápida con configuración declarativa simple.
• Parcel  : paquete de aplicaciones web increíblemente rápido y sin configuración.
• Microbundle  : empaquetador de configuración cero para módulos diminutos.
• FuseBox  : un empaquetador que lo hace bien
• Snowpack  : una herramienta de creación de interfaz ultrarrápida, diseñada para la web moderna.

Tipos de Verificadores

• TypeScript  : un superconjunto escrito de JavaScript que se compila en JavaScript simple.
• Flow.js  : un verificador de tipos estáticos para JavaScript de Facebook.
• Hegel  : un verificador de tipos estáticos para JavaScript con un sesgo en la inferencia de tipos y un sistema de tipos fuerte.
• TypL  : el JavaScript Type Linter con un sesgo en la inferencia de tipos.
• Hindley Milner Definitions  : verificación de tipo en tiempo de ejecución para funciones de JavaScript utilizando firmas de tipo Hindley Milner similares a Haskell.

Testing Frameworks

Frameworks

• mocha  : marco de prueba de JavaScript simple, flexible y divertido para node.js y el navegador.
• jasmine  : marco de prueba de JavaScript simple sin DOM.
• qunit  : un marco de prueba de unidad de JavaScript fácil de usar.
• jest  – Pruebas unitarias de JavaScript sin dolor.
• prova  : corredor de pruebas de nodos y navegadores basado en Tape y Browserify
• DalekJS  : prueba funcional automatizada entre navegadores con JavaScript
• Transportador  : Transportador es un marco de prueba de extremo a extremo para aplicaciones AngularJS.
• tape  : arnés de prueba de producción de toques para nodos y navegadores.
• TestCafe  : prueba de navegador automatizada para la pila de desarrollo web moderna.
• ava: corredor de pruebas de JavaScript futurista
• Cypress  : marco completo de pruebas de extremo a extremo para cualquier cosa que se ejecute en un navegador y más allá.

Assertion

• chai  : marco de aserción BDD / TDD para node.js y el navegador que se puede combinar con cualquier marco de prueba.
• Enzyme  : Enzyme es una utilidad de prueba de JavaScript para React que facilita afirmar, manipular y atravesar la salida de los componentes de React.
• react testing library  : utilidades de prueba de React DOM simples y completas que fomentan las buenas prácticas de prueba.
• Sinon.JS  : prueba espías, stubs y simulacros para JavaScript.
• expect.js  : aserciones minimalistas de estilo BDD para Node.JS y el navegador.
• proxyquire  : el requisito de Stub nodejs.

Cobertura

• istanbul  : otra herramienta de cobertura de código JS.
• blanket  : una biblioteca de cobertura de código simple para JavaScript. Diseñado para ser fácil de instalar y usar, tanto para navegador como para nodejs.
• JSCover  : JSCover es una herramienta que mide la cobertura de código para programas de JavaScript.

Runner

• phantomjs  : WebKit sin interfaz programable.
• slimerjs  : una herramienta similar a PhantomJS que ejecuta Gecko.
• casperjs  : utilidad de scripting y prueba de navegación para PhantomJS y SlimerJS.
• zombie  : pruebas de navegador increíblemente rápidas, de pila completa y sin cabeza usando node.js.
• totoro  : una herramienta de prueba de navegador cruzado simple y estable.
• karma  : espectacular corredor de pruebas para JavaScript.
• nightwatch  : marco de prueba automatizado de la interfaz de usuario basado en node.js y selenium webdriver.
• interno  : una pila de prueba de código de última generación para JavaScript.
• yolpo  : un intérprete de JavaScript declaración por declaración en el navegador.
• titiritero  : API de Node.js de Chrome sin cabeza del equipo oficial de Google Chrome.
• webdriverio  : marco de automatización de pruebas WebDriver de última generación para Node.js.
• taiko  : una biblioteca de Node.js con una API simple para automatizar navegadores basados ​​en Chromium.

Herramientas de control de calidad

• prettier  – Prettier es un formateador de código obstinado.
• JSHint  : JSHint es una herramienta que ayuda a detectar errores y posibles problemas en su código JavaScript.
• jscs  : verificador de estilo de código JavaScript.
• jsfmt  : para formatear, buscar y reescribir JavaScript.
• jsinspect  : detecta código copiado y estructuralmente similar.
• buddy.js  : detección de números mágicos para JavaScript.
• ESLint  : una herramienta totalmente conectable para identificar e informar sobre patrones en JavaScript.
• JSLint  : herramienta de calidad de código de alto nivel, estricta y obstinada, con el objetivo de mantener solo las partes buenas del lenguaje.
• JavaScript Standard Style:  guía de estilo obstinado sin configuración, verificador de estilo y formateador
• Preevalúe el código en tiempo de compilación  : preevalúe su código javascript de front-end en tiempo de compilación
• JS-Beautifier : Npm cli y biblioteca para formatear el código JS.
• husky  : evita errores de git commit, git push y más.

Frameworks y bibliotecas MVC

• angular.js  : HTML mejorado para aplicaciones web. (obsoleto)
• angular  : Angular es una plataforma de desarrollo para crear aplicaciones web móviles y de escritorio utilizando Typescript/JavaScript y otros lenguajes.
• aurelia  : un marco de cliente de JavaScript para dispositivos móviles, de escritorio y web.
• backbone  : brinde a su aplicación JS algo de Backbone con modelos, vistas, colecciones y eventos.
• ember.js  : un marco de JavaScript para crear aplicaciones web ambiciosas.
• meteor  : un marco web de javascript puro, base de datos en todas partes, ultra simple.
• ractive  : manipulación DOM de última generación.
• vue  : MVVM intuitivo, rápido y componible para crear interfaces interactivas.
• svelte  : Svelte es una nueva forma de crear aplicaciones web. Es un compilador que toma sus componentes declarativos y los convierte en JavaScript eficiente que actualiza quirúrgicamente el DOM.
• knockout  : Knockout facilita la creación de interfaces de usuario enriquecidas y receptivas con JavaScript.
• spine  : biblioteca ligera de MVC para crear aplicaciones de JavaScript.
• espresso.js  : una biblioteca de JavaScript mínima para crear interfaces de usuario.
• canjs  : puede hacer JS, mejor, más rápido, más fácil.
• react  : una biblioteca para crear interfaces de usuario. Es declarativo, eficiente y extremadamente flexible. Funciona con un DOM virtual.
• hyperapp  : biblioteca de JavaScript de 1 kb para crear aplicaciones frontend.
• preact  : alternativa rápida de React de 3 kb con la misma API de ES6. Componentes y DOM virtual.
• nativescript  : cree aplicaciones de iOS y Android multiplataforma verdaderamente nativas con JavaScript.
• react-native  : un marco para crear aplicaciones nativas con React.
• riot  : biblioteca similar a React, pero con un tamaño muy pequeño.
• tórax  – Fortalecimiento de la Columna Vertebral.
• chaplin  : una arquitectura para aplicaciones de JavaScript que utiliza la biblioteca Backbone.js.
• marionette  : una biblioteca de aplicaciones compuestas para Backbone.js que tiene como objetivo simplificar la construcción de aplicaciones JavaScript a gran escala.
• ripple  : una pequeña base para crear vistas reactivas.
• rivets  : solución de plantillas y enlace de datos ligero y potente.
• derby  : marco MVC que facilita la escritura de aplicaciones colaborativas en tiempo real que se ejecutan tanto en Node.js como en navegadores.
• derby-awesome  : una colección de increíbles componentes de derby
• way.js  : enlace de datos bidireccional simple, ligero y persistente.
• mithril.js  : Mithril es un marco MVC del lado del cliente (ligero, robusto, rápido).
• jsblocks  : jsblocks es un mejor marco MV-ish.
• LiquidLava  : marco MVC transparente para crear interfaces de usuario.
• plumas  : un marco JavaScript minimalista en tiempo real para las aplicaciones del mañana.
• Keo  : componentes React funcionales sin estado con compatibilidad con Shadow DOM.
• atvjs  : desarrollo ultrarrápido de aplicaciones para Apple TV usando JavaScript puro.
• Alpine.js  : le ofrece la naturaleza reactiva y declarativa de grandes marcos como Vue o React a un costo mucho menor.
• infierno  :  
•  una biblioteca de JavaScript extremadamente rápida, similar a React, para crear interfaces de usuario modernas.
• FoalTS  : marco Node.JS elegante y todo incluido para crear aplicaciones web (TypeScript).
• Lucia  : biblioteca de 3 kb para pequeñas aplicaciones web.
• Adonis  : el marco Node.js altamente enfocado en la ergonomía, la estabilidad y la confianza del desarrollador.
• GrapesJS  : Marco de desarrollo web gratuito y de código abierto. Herramienta de próxima generación para crear plantillas sin codificación.
• Rete.js  : un marco modular para la programación visual que permite crear un editor basado en nodos en el navegador.
• litegraph.js  : un motor de nodos gráficos y un editor similar a PD o UDK Blueprints, viene con su propio editor en HTML5 Canvas2D.
• Drawflow  : esto le permite crear flujos de datos de manera fácil y rápida.
• Blockly  : una biblioteca que agrega un editor de código visual a las aplicaciones web y móviles de Google.

Node-Powered CMS Frameworks

• KeystoneJS  : potente marco de aplicaciones web y CMS.
• Reaction Commerce  : CMS reactivo, arquitectura y diseño en tiempo real.
• Ghost  : plataforma de publicación sencilla y potente.
• Apostrophe  – CMS con edición de contenido y servicios esenciales.
• We.js  : marco para aplicaciones, sitios o blogs en tiempo real.
• Hatch.js  : plataforma CMS con funciones sociales.
• TaracotJS  : CMS rápido y minimalista basado en Node.js.
• Nodizecms  – CMS para los amantes de CoffeeScript.
• Cody  – CMS con editor WSYWYG.
• PencilBlue  – CMS y plataforma de blogs.
• Strapi  : código abierto Node.js Headless CMS para crear fácilmente API personalizables.
• Factor  – El CMS Javascript

Motores de plantillas

Los motores de plantillas le permiten realizar la interpolación de cadenas.

• mustache.js  : plantillas mínimas con {{mustaches}} en JavaScript.
• handlebars.js  : una extensión del lenguaje de plantillas Moustache.
• nunjucks  : un lenguaje de plantillas rico y potente para JavaScript de Mozilla.
• hogan.js  : un compilador para el lenguaje de plantillas Moustache.
• doT  : el motor de plantillas de JavaScript más rápido y conciso para nodejs y navegadores.
• dustjs  : plantillas asíncronas para el navegador y node.js.
• eco  : plantillas de CoffeeScript integradas.
• JavaScript-Templates : motor de plantillas de JavaScript ligero, rápido y potente de < 1 KB sin dependencias.
• t.js  : un pequeño marco de plantillas de JavaScript en ~ 400 bytes comprimidos con gzip.
• Pug  : motor de plantillas robusto, elegante y rico en funciones para nodejs. (anteriormente conocido como Jade)
• EJS  : plantillas de JavaScript efectivas.
• xtemplate  : biblioteca del motor de plantillas extensible para el nodo y el navegador
• marko  : un motor de plantillas rápido, liviano y basado en HTML para Node.js y el navegador con etiquetas asíncronas, de transmisión, personalizadas y módulos CommonJS como salida compilada.
• swig – (Archivado) Un motor de plantillas de JavaScript basado en navegador y Node.js  simple, potente y ampliable .

Artículos y publicaciones

• El JavaScript que debes conocer  – Artículo sobre conceptos de JavaScript Funcional.
• Cómo funciona JavaScript  : una serie de artículos sobre los componentes básicos de JavaScript.
• Subprocesos múltiples usando trabajadores  web – Trabajadores web: Adición de subprocesos múltiples a JavaScript
• esta palabra clave en JavaScript  : desglose de la palabra clave 'esto' en JavaScript

Visualización de datos

Herramientas de visualización de datos para la web.

• d3  : una biblioteca de visualización de JavaScript para HTML y SVG.
• metrics-graphics  : una biblioteca optimizada para gráficos y diseños de datos concisos y basados ​​en principios.
• three.js  : biblioteca 3D de JavaScript.
• Chart.js  : gráficos HTML5 simples que utilizan la etiqueta <canvas>.
• paper.js  : la navaja suiza de las secuencias de comandos de gráficos vectoriales: Scriptographer portado a JavaScript y al navegador, usando HTML5 Canvas.
• fabric.js  : biblioteca de lienzo de JavaScript, analizador de SVG a lienzo (y de lienzo a SVG).
• peity  – Gráficos progresivos de barras, líneas y sectores.
• Rafael  – Biblioteca de vectores de JavaScript.
• echarts  – Enterprise Charts.
• visjs  : bibliotecas múltiples para visualización dinámica de datos basada en navegador.
• two.js  : una API de dibujo bidimensional independiente del renderizador para la web.
• g.raphael  – Gráficos para Raphaël.
• sigma.js  : una biblioteca de JavaScript dedicada al dibujo de gráficos.
• arbor  : una biblioteca de visualización de gráficos que utiliza trabajadores web y jQuery.
• cubismo  : un complemento D3 para visualizar series temporales.
• dc.js  : gráficos multidimensionales creados para funcionar de forma nativa con filtro cruzado renderizado con d3.js
• vega  – Una gramática de visualización.
• processing.js  : Processing.js hace que sus visualizaciones de datos funcionen utilizando estándares web y sin complementos.
• envisionjs  : visualización HTML5 dinámica.
• rickshaw  : kit de herramientas de JavaScript para crear gráficos interactivos en tiempo real.
• flot  : atractivos gráficos de JavaScript para jQuery.
• morris.js  : bonitos gráficos lineales de series temporales.
• nvd3  : cree gráficos reutilizables y componentes de gráficos para d3.js.
• svg.js  : una biblioteca ligera para manipular y animar SVG.
• heatmap.js  : biblioteca de JavaScript para mapas de calor basados ​​en lienzo HTML5.
• jquery.sparkline  : un complemento para la biblioteca jQuery JavaScript para generar pequeños gráficos minigráficos directamente en el navegador.
• trianglify  : generador de fondo de estilo polivinílico bajo con d3.js.
• d3-cloud  : crea nubes de palabras en JavaScript.
• d4  : un DSL de gráficos amigables y reutilizables para D3.
• dimple.js  : gráficos sencillos para análisis de negocios impulsados ​​por d3.
• chartist-js  : gráficos receptivos simples.
• epoch  : una biblioteca de gráficos en tiempo real de uso general.
• c3  : biblioteca de gráficos reutilizable basada en D3.
• BabylonJS  : un marco para crear juegos 3D con HTML 5 y WebGL.
• recharts  : biblioteca de gráficos redefinida creada con React y D3.
• GraphicsJS : una biblioteca de gráficos JavaScript  liviana con la API intuitiva, basada en la tecnología SVG/VML.
• mxGraph  : biblioteca de diagramación que permite crear rápidamente gráficos interactivos y aplicaciones de gráficos que se ejecutan de forma nativa en cualquier navegador principal compatible con su proveedor.
• Frappe Charts  : gráficos SVG simples y modernos inspirados en GitHub para la web sin dependencias.
• Frappe Gantt  : una biblioteca de diagramas de Gantt simple, interactiva y moderna para la web.
• G2  : una gramática de visualización basada en datos altamente interactiva para gráficos estadísticos.
• G2Plot  : una biblioteca de gráficos interactiva y receptiva. Basado en la gramática de los gráficos.
• Cytoscape.js  : una biblioteca de teoría de grafos con todas las funciones.
• cola.js  : biblioteca para organizar sus documentos y diagramas HTML5 utilizando técnicas de optimización basadas en restricciones
• jointjs  : biblioteca de diagramación para crear diagramas estáticos o herramientas de diagramación totalmente interactivas. También hay algunas bibliotecas comerciales excelentes, como  amchart ,  anychart ,  plotly ,  highchart y  lightning chart .

Cronología

• TimelineJS v3  : una línea de tiempo de narración construida en JavaScript.
• timesheet.js  : biblioteca de JavaScript para hojas de tiempo HTML5 y CSS3 simples.

Hoja de cálculo

• HANDSONTABLE  : Handsontable es una biblioteca de hojas de cálculo JavaScript/HTML5 para desarrolladores
• Frappe Datatable  : Frappe DataTable es una biblioteca de tablas de datos simple, moderna e interactiva para mostrar datos tabulares.
• Luckysheet  : Luckysheet es una hoja de cálculo en línea como Excel que es poderosa, fácil de configurar y completamente de código abierto.

Editores

• as  – Ace (Editor de Ajax.org Cloud9).
• CodeMirror  : editor de código en el navegador.
• esprima  : infraestructura de análisis de ECMAScript para análisis multipropósito.
• quill  : un editor de texto enriquecido para varios navegadores con una API.
• medium-editor  – Clon del editor WYSIWYG de Medium.com.
• bolígrafo  : disfrute de la edición en vivo (+rebaja).
• jquery-notebook  : un editor de texto simple, limpio y elegante. Inspirado por la genialidad de Medium.
• bootstrap-wysiwyg  : pequeño editor de texto enriquecido WYSIWYG compatible con bootstrap.
• ckeditor-releases  : el mejor editor de texto web para todos.
• editor  : un editor de rebajas. aún en desarrollo.
• EpicEditor  : un editor de JavaScript Markdown incrustable con edición de pantalla completa dividida, vista previa en vivo, guardado automático de borradores, soporte sin conexión y más.
• jsoneditor  : una herramienta basada en la web para ver, editar y formatear JSON.
• vim.js  : puerto de JavaScript de Vim con un archivo ~/.vimrc.
• Squire  : editor de texto enriquecido HTML5.
• TinyMCE  : el editor de texto enriquecido de JavaScript.
• trix  : un editor de texto enriquecido para la escritura diaria. Por Basecamp.
• Trumbowyg  : un editor de JavaScript WYSIWYG ligero y sorprendente.
• Draft.js  : un marco React para crear editores de texto.
• bootstrap-wysihtml5  – Editor wysiwyg simple y hermoso
• wysihtml5  : editor de texto enriquecido de código abierto basado en HTML5 y el enfoque de mejora progresiva. Utiliza un concepto de seguridad sofisticado y tiene como objetivo generar un marcado HTML5 totalmente válido al evitar sopas de etiquetas y estilos en línea que no se pueden mantener.
• raptor-editor  – ¡Raptor, un editor de contenido HTML5 WYSIWYG!
• popline  – Popline es una barra de herramientas de editor de texto enriquecido HTML5.
• Summernote  : editor WYSIWYG súper simple.

Documentación

• DevDocs  es un lector de documentación API todo en uno con una interfaz rápida, organizada y consistente.
• dexy  es una herramienta de documentación alfabetizada de forma libre para escribir cualquier tipo de documento técnico que incorpore código.
• docco  es un generador de documentación de estilo de programación alfabetizada rápido y sucio, de cien líneas de largo.
• styledocco  genera documentación y documentos de guía de estilo a partir de sus hojas de estilo.
• Ronn  construye manuales. Convierte archivos de texto simples y legibles por humanos a roff para visualización en terminales, y también a HTML para la web.
• dox  es un generador de documentación de JavaScript escrito con node. Dox ya no genera una estructura o estilo obstinado para sus documentos, simplemente le brinda una representación JSON, lo que le permite usar etiquetas de estilo Markdown y JSDoc.
• jsdox  es un generador de documentación de JSDoc3 a Markdown.
• ESDoc  es un buen generador de documentación para JavaScript.
• YUIDoc  es una aplicación de Node.js que genera documentación API a partir de comentarios en la fuente, utilizando una sintaxis similar a herramientas como Javadoc y Doxygen.
• coddoc  es una biblioteca de análisis jsdoc. Coddoc es diferente porque es fácilmente extensible al permitir a los usuarios agregar analizadores de código y etiquetas mediante el uso de coddoc.addTagHandler y coddoc.addCodeHandler. coddoc también analiza el código fuente para usarlo en las API.
• sphinx  una herramienta que facilita la creación de documentación inteligente y hermosa
• Usando JSDoc
• Beautiful docs  es un visor de documentación basado en archivos Markdown.
• documentation.js  : generador de documentación API compatible con ES2015+ y anotación de flujo.
• jsduck  : generador de documentación API creado para los marcos de JavaScript Sencha, pero también se puede usar para otros marcos.
• Codecrumbs  es una herramienta visual para aprender y documentar una base de código poniendo migas de pan en el código fuente.

archivos

Bibliotecas para trabajar con archivos.

• Papa Parse  : una potente biblioteca CSV que admite el análisis de archivos/cadenas CSV y también la exportación a CSV.
• jBinary  : E/S de alto nivel (carga, análisis, manipulación, serialización, guardado) para archivos binarios con sintaxis declarativa para describir tipos de archivos y estructuras de datos.
• diff2html  : analizador de salida Git diff y bonito generador de HTML.
• jsPDF  : generación de PDF con JavaScript.
• PDF.js  – Lector de PDF en JavaScript.

Programación funcional

Bibliotecas de programación funcional para ampliar las capacidades de JavaScript.

• underscore  : cinturón de utilidad de JavaScript.
• lodash  : una biblioteca de utilidades que brinda consistencia, personalización, rendimiento y extras.
• Sugar  : una biblioteca de JavaScript para trabajar con objetos nativos.
• lazy.js  : como subrayado, pero más perezoso.
• ramda  : una biblioteca funcional práctica para programadores de JavaScript.
• mout  : utilidades modulares de JavaScript.
• mesh  : utilidad de sincronización de datos transmisibles.
• preludejs  – Programación Funcional Hardcore para JavaScript.
• rambda  : alternativa más rápida y pequeña a  Ramda.

Deseas seguir leyendo toda la biblioteca y recursos de Javascript, debes trasladarte al siguiente enlace:

https://elsolitario.org/post/lista-de-recursos-para-javascript/