js-ts.md

JavaScript & TypeScript

• Using data attributes
• Level up your JavaScript browser logs with these console.log() tips

npm tricks

Run multiple commands at once

"scripts": {
    "start:build": "tsc -w",
    "start:run": "nodemon build/index.js",
    "start": "concurrently npm:start:*"
}

npm packages

• nodemon - monitor for any changes in your node.js application and automatically restart the server

TypeScript tricks

Initialize (generate tsconfig.json file)

tsc --init

Libraries

• particles.js - A lightweight JavaScript library for creating particles
• Chart.js - Simple yet flexible JavaScript charting for designers & developers
• particles.js
• lax.js - Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll
• lax.js - Video Tutorial
• Web APIs
• barba.js - Create badass fluid and smooth transitions
• swup - Complete, flexible, extensible and easy to use page transition library
• Rellax - Buttery smooth, super lightweight, vanilla javascript parallax library.
• Anime.js - Animates using CSS properties, SVG, DOM attributes and JavaScript
• Masonry - Cascading grid layout library
• chart.xkcd - Chart library that plots "sketchy", "cartoony" or "hand-drawn" styled charts
• vanilla-tilt.js - Smooth 3D tilt jlibrary
• dropzone.js - upload files by drag&drop
• Unovis - modular data visualization framework for React, Angular and Svelte
• Swiper - most modern mobile touch slider with hardware accelerated transitions

Tools

• openapi-generator-cli - generate API client libraries from OpenAPI 3 specifications

Canvas

Canvas arc with linear gradient