Revisiting 'funny' and tricky JavaScript examples

#513 — November 6, 2020 Unsubscribe  |  Read on the Web JavaScript Weekly What's the Deal with Svelte and SvelteKit? — Two weeks ago we linked to a video where Svelte’s creator pondered the future of Web development. Now here’s a more definitive writeup of what you need to know about how Svelte is progressing. Rich Harris (Svelte) BTW, if Svelte is your thing, Svelte Radio is a frequent podcast covering developments in the space. There's also an official Svelte November 2020 update. WTFJS: A List of Funny and Tricky JavaScript Examples — This has been around for a few years but continues to get tweaks and adjustments and if you’ve not seen it, it’s worth a look to get a deeper look into some of the more “uh, what?” corners of JavaScript. Denys Dovhan Vue 3 Is Out! Jump into Vue 3 Quickly in This New Course by Sarah Drasner — Learn fundamental concepts in Vue, such as directives, methods, and computed watchers. You’ll learn Vue’s reactivity system and the new Composition API in Vue 3. Frontend Masters sponsor New, Core 'Redux Fundamentals' Tutorial — A complete rewrite of the official Redux introductory tutorial that covers both how Redux works and how to use it. Say goodbye to outdated terminology and hello to modern practices and code sandbox demos. Easy to skim even if Redux isn’t your cup of tea. Redux Core Team Socket.io 3.0 Released: A Realtime Framework for Node and Browser — We’re awaiting a full blog post on this release, but Socket·io has been around many years and was once the ‘go to’ system for bidirectional browser/server communications that worked in almost every browser. Socket·IO Project ⚡️ Quick bytes: Hackaday has profiled a neat TTL logic simulator built in JavaScript. The latest VS Code release has a new empty brace formatting option for JavaScript code (to set whether or not { } should contain a space). SpiderBasic is a modern (and commercial) BASIC implementation that compiles to JavaScript in an attempt to take BASIC to the Web. There's a lot of neat stuff in the Code & Tools section this week, so be sure to head down there! :-) 📚 Tutorials, Opinions and Stories An Introduction to Data Visualization with ApexCharts — ApexCharts is an MIT-licensed interactive JavaScript charting library. Nefe Emadamerho-Atori Clickjacking Attacks and How to Prevent Them — A look at both client-side and server-side approaches to mitigating clickjacking attacks including some approaches for Express.js-based apps. Andrea Chiarelli ES Modules in Depth — An exploration of the different ways you can export and import values using ES Modules (now broadly supported in most places, even if you’re not using extra tools). R. Alex Anderson Stream Chat API & JavaScript SDK for Custom Chat Apps — Build real-time chat in less time. Rapidly ship in-app messaging with our highly reliable chat infrastructure. Stream sponsor An Introduction to FFmpeg.wasm, a WebAssembly / JS Port of FFmpeg — I think WebAssembly is going to have a huge impact over the next few years and this project, despite being in the early stages, shows off a few reasons why. Project homepage. Jerome Wu The JavaScript 'Self-Profiling' API — The JS Self-Profiling API is a proposed API (supported only in Canary builds of Chrome for now) for letting developers control a sampling profiler for measuring client JavaScript execution times. Addy Osmani Build a 'Remaining Character Count' Component with Alpine.js — Alpine.js bills itself as ‘like Tailwind for JavaScript.’ Ryan Chandler How to Organize a Large React Application and Make It Scale Jack Franklin Building a Type-Checked URL Router From Scratch with TypeScript 4.1+ Jan Sommer How to Localize a Vue App with vue-i18n and Localazy Václav Hodek ▶  Fancy TypeScript Features for the Everyday Developer George Kosmidis Top Problems I Encountered Switching from Vue 2 to Vue 3 Ghiura Alexandru 🛠 Code & Tools SpaceTime: A Lightweight Timezone Library — Use this to calculate times in other timezones. Has a Moment-esque API but is immutable. No dependencies. We last linked this years ago but it’s still under active development. It has a neat interactive demo too. Spencer Kelly Graphery SVG: A Library for SVG Creation and Management — This well-documented library is good for creating and manipulating SVG in JavaScript. Offers a simple API, that’s said to be very close to the native structure of SVG. Graphery Square Terminal API — Connect your app to the all-in-one payments device merchants love with a simple REST API. Learn more. Square sponsor Dojo3D: A Library for Simple 3D Interactive Story Telling — Aimed at ‘all ages of coder’, Dojo3D tries to make creating interactive 3D stories a smooth process. There’s an online sandbox example you can play with. Webprofusion gron: Make JSON Greppable — A tool written in Go that transforms JSON into more easily greppable assignments, so you can use grep and see the context/path of the result. Useful. Tom Hudson SpanTree: Adds Tree-Based File Navigation to GitLab — A browser extension you may find useful if you browse GitLab-hosted repositories often. Taveesh Anand Marked: A Fast Markdown Parser and Compiler — Works in the browser or server-side. Demo here. Christopher Jeffrey Measure What Matters to Users, Browsers Don't Have Feelings New Relic sponsor μPlot 1.3: Fast, Tiny, Canvas-Based Time Series Chart Library Leon Sorokin Fetch 3.5: A `window.fetch` Polyfill GitHub 💻 Jobs Find a Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers. Vettery

by via JavaScript Weekly