Bookmarks (1875)

Klipse: A Javacript Plugin for Embedding Interactive Code Snippets in Blog Posts — Supports many languages including JavaScript, naturally, but also uses client-side evaluators to work with languages like Ruby, C++, PHP, SQL and Python too.

Luxon: A Library for Working with Dates and Times — If you saw the Moment.js news (featured), you might be looking for lighter alternatives. You can think of Luxon as an ‘evolution’ of Moment, said Moment’s creators.

Effective Limited Parallel Execution in JavaScript — Well, concurrency really, but nonetheless a short and sweet look at what using a promise pool could do for you.

Gemini 4: A 'Currently Playing' Viewer for Spotify — A basic Electron app that offers an ‘easy on the eyes’ way to see what’s currently playing in Spotify.

Functional: Common Functional Programming Algebraic Data Types for JavaScript — Boasts compatibility with ‘most modern browsers’ and Deno.

Vue 3.0 'One Piece' Released — Vue.js is a highly popular framework for building UIs with JavaScript, and a common alternative to things like React or Angular. Vue 3.0 has been in the pipeline for quite some time and has gone through a *lot* of beta and RC releases, but 3.0 is finally here with a new composition API, Teleport, and more. If you're coming from an earlier version of Vue, check out the migration guide. You can also watch Evan's Vue.js Amsterdam keynote where he just announced the release.

Moment.js: It's Done, Jim, But Now As We Know It — Moment.js is a hugely popular date and time manipulation library. People often find reasons not to use it, though, such as its size in app bundles, but the creators want to keep it as it is, not add new features, and keep the project alive but in a ‘done’ state.

When the Bits Hit the Fan: AppSignal — Deploys can go bad. That's when you need clear and focused insights. Stop logging into five different tools to try and connect the dots. AppSignal provides insights into errors, performance, servers and more - all in one clear and easy interface.

Understanding the Event Loop, Callbacks, Promises, and async/await — This isn’t new ground, but Tania always does a great job of explaining concepts from the ground up.

Node.js September 2020 Security Releases — New versions of all supported release lines are out to fix three security issues, so pick up Node 10.22.1, 12.18.4 or 14.11.0 today.

Deno 1.4 Released — Deno is a modern, security focused V8-based runtime for JS and TypeScript that hit the big 1.0 recently, but features continue to get added. In 1.4, we get support for a WebSocket API (which you can use from Deno just like you would in a browser), automatic restarts on file changes, integrated test coverage support, and more.

Inspecting Just-in-Time Compiled JavaScript — Warning: Very technical! jsshell (js) is a CLI interactive prompt for Firefox’s JS runtime and you can now coerce it into showing you the results of JIT compilation.

Rewriting Facebook's 'Recoil' React Library From Scratch in 100 Lines — Recoil is a state management library for React being built by a team at Facebook (though not the React team itself).

From Rust to TypeScript — Alan really likes Rust, so he’s been looking at how to take some of its approaches and best practices and introduce them into his TypeScript programming.

Why Next.js is My Ultimate Choice over Gatsby, Gridsome, and Nuxt — More detailed and balanced in its comparisons than the title may imply.

How I Built a Serverless Recipe App with FaunaDB and Vue.js — If you tend to turn to Express.js and a more traditional database for building CRUD apps, this post will present an interesting alternative approach to you.

🤡  Misusing The TypeScript Type Checker As A Spell Checker — Why? Because you can. Sort of. Yes, this is purely for fun and giggles.

What Are the Best JavaScript Debugging Tools of 2020? Find Out in This Guide — Improve the quality of your code with these JavaScript debugging tools.

▶  Let's Rebuild Pac-Man with JavaScript — A well recorded 1h40m guide/tutorial to building a Pac-Man (that game from the 80s with the ghosts and pills!) clone using modern JavaScript.

edit-in-place: A Flexible Edit-in-Place Library for Angular — Try it here to check out the variety of ways you can enable this functionality.

A New Proposal for Decorators for JavaScript Classes — Currently at stage 2 in TC39’s process and due to be discussed in more depth this month, decorators provide a way to extend methods and other ‘syntax forms’ by wrapping them with other functionality. Note that this proposal differs from the decorators proposed to TC39 in 2018, that Babel 7 supports, and that inspired ‘experimental’ decorators in TypeScript.

▶  'You Really Don't Need All That JavaScript, I Promise' — If you have twenty minutes, you might enjoy this. Stuart, a long time Web standards expert, explains why we shouldn’t rely on JavaScript as much as we do and why we shouldn’t reach for a JS framework as the first, last, and only tool we use.

New Course: 🐧 Complete Intro to Linux and the Command-Line — Gain powerful command-line skills, learn to use Ubuntu, quit VIM, handle package management, and write your own shell scripts.

Playwright 1.4: Fast and Reliable Cross-Browser Testing — Despite being 1.4, this is a pretty big release for the Puppeteer alternative. It now includes a CLI playwright-cli with which you can record user interactions and generate Playwright scripts, generate page screenshots, and more. Plus there’s experimental support for recording videos of what your scripts do with the browser.

JavaScript for Data Science: A Book — A book available both commercially and to read online, aimed not specifically at JavaScript developers (as it provides a neat introduction to JS in its own right) but at anyone looking to use JavaScript as a bit of a ‘Swiss Army knife’ for working with datasets. This is one of those great resources you’re likely to pass on to someone who really needs it.

Sr. Engineer (TypeScript) at Brightflow AI — We’re bringing easy, automated cash flow forecasting tools and financial insights to small and mid-sized businesses.

Rendering React on the Edge with Flareact and Cloudflare Workers — Josh works at Vox Media, one of the Web’s biggest publishers (think The Verge) and rendering pages quickly is important for them given they sell ads. Here, he introduces Flareact, an edge-rendered React framework built for Cloudflare Workers.

Sending Data From an HTML Form to a Google Sheet — By going via AWS Lambda and SQS. BTW, if serverless use cases interest you, we have a serverless newsletter for that 😁

Testing an HTML Canvas with Cypress — An example of setting up basic visual regression testing with Cypress.

Creating Extensions for Visual Studio Code: An Introduction — If you want to extend one of the most popular editors out there.. (Note: This tutorial uses TypeScript for the heavy lifting.)

How cdnjs Migrated to Serverless with Workers KV — cdnjs is a free CDN service that hosts almost 4,000 JavaScript libraries. Cloudflare provides the CDN services, but now it’s been remodelled to using their serverless Workers platform and Workers KV key-value data store – here’s the full story.

Symbolic Computation in JavaScript with Math.js — Math.js is an extensive math library that can parse expressions, deal with things like complex numbers, matrices, etc. This post is really just a showcase of Klipse, a plugin for embedding interactive code snippets into blog posts, but we dig it.

Basic Procedural Texture Generation with texgen.js — Like the post above, this is really just showing off Klipse, but in a more visual way.

Learning JavaScript By Building a Snake Game — You know I like a straightforward ‘from scratch’ tutorial that gets to the core of the matter without lots of extraneous tooling.. and this ticks that box 😄

Tooltip Sequence: A Simple Step by Step Tooltip Helper for Any Site — Another option, this one minimal, to add a ‘guided tour’ set of tooltips to a website or app, to point out features. Demo here.

Try the Fastest, Most Secure Way to Test and Build Software Today 🚀 — Buildkite is as fast and enjoyable to use at 500 developers as it is at 10. Self-hosted agents work with all languages.

vanilla-colorful: A Tiny Color Picker for Modern Web Apps — See a demo here. It’s built as a ‘custom element’ with TypeScript, framework-agnostic (indeed it’s a port of react-colorful to vanilla custom elements), no dependencies, and mobile friendly.

Tweakpane: A Compact GUI for Fine-Tuning Parameters and Monitoring Values — I love the interactive nature of the homepage's demo. GitHub repo.

TypeScript 4.0: What I’m Most Excited About — Fernando seems particularly enthused about the latest version of TypeScript!

Print.js: An Improved Way to Print From Your Apps and Pages — Let’s say you have a PDF file that would be better to print than the current Web page.. Print.js makes it easy to add a button to a page so users can print that PDF directly. You can also print specific elements off of the current page.

CindyJS: A Framework to Create Interactive Math Content for the Web — For visualizing and playing with mathematical concepts with things like mass, springs, fields, trees, etc. Lots of live examples here. The optics simulation is quite neat to play with.

Tackling TypeScript: Upgrading from JavaScript — You’ll know Dr. Axel from Deep JavaScript and JavaScript for Impatient Programmers.. well now he’s tackling TypeScript and you can read the first 11 chapters online.

▶  Why I’m Using Next.js in 2020 — Lee makes the bold claim that he thinks “the future of React is actually Next.js”.

'TypeScript is Weakening the JavaScript Ecosystem' — Controversial opinion alert, but we need to balance out the TypeScript love sometime.