wait, wut?
JavaScript
JavaScript
Standard built-in objects - JavaScript | MDN
EXAMPLES
Different methods to copy an object in JavaScript | Codementor
12 Ways to Improve Your DevTools Console Logging
The underutilized console operators in JavaScript | by Carlos Fernandez | Medium
Monorepos in JavaScript & TypeScript
20 JavaScript snippets that will make you a bette…
JWT
JSON Web Tokens - jwt.io
Implementing JSON Web Token (JWT) to secure your app | by Percy Pham | Nextzy
2020-01_Attacking_and_Securing_JWT.pdf
JSON Web tokens (JWT): how to use them safely | BBVA
Build a Login/Auth App with the MERN Stack — Part 2 (Frontend & Redux Setup) | by Rishi | Bits and Pieces
Build a Login/Auth App with the MERN Stack — Part 1 (Backend) | by Rishi | Bits and Pieces
EyeCandy
ScrollMagic Class: Scene
ScrollMagic Plugin: addIndicators
Examples - ScrollMagic
ScrollMagic Class: Controller
Barba.js
GreenSock | Docs
Gatsby
Gatsby.js Tutorial | GatsbyJS
Introduction to Gatsby
gatsby-plugin-prettier-eslint | Gatsby
Create a table of contents component for MDX in Gatsby
Axios
axios/axios: Promise based HTTP client for the browser and node.js
Typescript
A quick introduction to “Type Declaration” files and adding type support to your JavaScript packages | by Uday Hiwarale | JsPoint | Medium
TypeScript: Documentation - Introduction
Adding TypeScript | Create React App
Advanced Configuration | Create React App
How to declare global types in TypeScript | bobbyhadz
TypeScript Cheatsheet, Common Errors, and More | Joshua's Docs
TypeScript: Documentation - Global .d.ts
Tutorials
TypeScript in 5 minutes · TypeScript
Introduction to TypeScript
TypeScript Tutorial
Learn TypeScript in 5 minutes – freeCodeCamp.org
linting
How to add ESLint and Prettier to a React TypeScript Project (2022) | by André Borba Netto Assis | JavaScript in Plain English
Setting Prettier on a React Typescript project (2022) | by André Borba Netto Assis | Medium
Blog: Setting up a Gatsby Project with Typescript, Prettier and ESLint — Contic | Agile software development consultancy
How to setup gatsby with TypeScript and ESLint + prettier - DEV Community 👩💻👨💻
Random Issues (aka Be Better, JS)
devServer proxy not working · Issue #793 · webpack/webpack-dev-server
Why doesn't
fetch
reject if 400 ≤ status < 600? · Issue #18 · whatwg/fetch
node.js - ECONNRESET when testing netlify functions and Gatsbyjs 2 - Stack Overflow
How to addClass, removeClass, toggleClass in JavaScript | Ultimate Courses™
How to toggle class using pure javascript in html - Stack Overflow
Resources
Proper use of const for defining functions in JavaScript - Stack Overflow
Event Handler Namespace in Vanilla JavaScript - Stack Overflow
Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for it - Stack Overflow
Top 10 Node.js Debugging Tips to Debug Like a Pro – Stackify
jQuery
TODO
🫠
w/ Webpack
Webpack gives $ is not defined or jQuery is not defined error in console · Issue #4258 · webpack/webpack
javascript - Managing jQuery plugin dependency in webpack - Stack Overflow
Testing
Jest · 🃏 Delightful JavaScript Testing
AWESOME STUFF
__________
🚗
Bruno Simon — Portfolio (case study) | by Bruno | Medium
Three.js – JavaScript 3D Library
schteppe/cannon.js @ GitHub
Samsy/threenext
dataarts/dat.gui: dat.gui is a lightweight controller library for JavaScript.
Figma is powered by WebAssembly
Tooling
Webpack
How WebPack decides what entry to load from a package.json
Loaders | webpack
Writing a Loader | webpack
Fabric.js
Build indoor maps with Fabric.js and React - LogRocket Blog
Fabric.js
Stimulus.js
Stimulus: A modest JavaScript framework for the HTML you already have.
hotwired/stimulus: A modest JavaScript framework for the HTML you already have
Made with