#513 — November 6, 2020 |
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 |
Node v15.1.0 (Current) Released — More bits and pieces to play around with compared to the typical minor Node release including diagnostics channels (a new experimental module for creating named channels to pass diaganostics messages around with), a new Michaël Zasso |
|
📚 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 |
Building a Type-Checked URL Router From Scratch with TypeScript 4.1+ |
How to Localize a Vue App with vue-i18n and Localazy |
▶ Fancy TypeScript Features for the Everyday Developer |
Top Problems I Encountered Switching from Vue 2 to Vue 3 |
🛠 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 |
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 |
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 Tom Hudson |
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 |
SpanTree: Adds Tree-Based File Navigation to GitLab — A browser extension you may find useful if you browse GitLab-hosted repositories often. Taveesh Anand |
Measure What Matters to Users, Browsers Don't Have Feelings New Relic sponsor |
Marked: A Fast Markdown Parser and Compiler — Works in the browser or server-side. Demo here. Christopher Jeffrey |
μPlot 1.3: Fast, Tiny, Canvas-Based Time Series Chart Library |
💻 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 |