Bookmarks (283)

We're ❤️ing ESLint's All New Homepage — ESLint is a hugely popular linter for identifying and reporting on patterns in JavaScript and v8.18.0 has just been released. Even better, though, is their all new Web site forged from several months of work. It’s rather slick and even includes a fantastic photo of Addy Osmani.

Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB — Create and maintain objects that automatically back themselves up to IndexedDB behind the scenes, so that if you refresh or restart the app in the browser, the object’s content is automatically restored to its previous state.

Tired of Manually Managing Your Content Security Policies? — Meet DomainGuard! DomainGuard gives you customization, automation, and optimization—all in one single Content Security Policy solution.

main-thread-scheduling 6.0: Consistently Responsive Apps While Staying on the Main Thread — An alternative to the Web Workers approach that uses the approach of stopping tasks executing when the user interacts with the UI. Interesting ideas here.

React Joyride: Create Guided Tours in Your Apps — Uses react-floater to position and style floating ‘tour guide’ elements. GitHub repo.

Reactime 14.0: A Chrome Developer Tool for Time Travel Debugging in React Apps — v14 introduces support for apps using React Router.

Ecma International Approves ECMAScript 2022, But What’s New? — Thanks Ecma – ECMAScript 2022 is now an approved standard. JavaScript’s resident doctor brings us up to speed with what this means in practice, as well as answering a few common questions. You’ll already be using some of these features – this is mostly about tying up the formalities. On to ES2023..

New Course on Web Components — "Web Components are one of the most exciting new technologies on the web platform today." ~Dave Rupert. Learn to create your own custom web components using JavaScript and the Lit library in this course.

When You Should Prefer Map Over Object In JavaScript — Map objects are (nearly) universally available in JS implementations now and present some benefits to using regular Objects.

What the React Team is Working On Now — With the React 18 launch behind them, the React team has turned their attention to the future and this post gives some detailed hints of what’s going on. It’s not a road map, though, and they stress that some of what’s discussed many not even materialize as-is.

Using Playwright Test to Run Unit Tests — A comparison of Playwright’s new test runner versus ‘traditional’ approaches like Jest and Mocha.

▶  Let's Code Skifree with JavaScript and Kaboom.js — Ania is back with one of her usual fantastic screencasts recreating a game I spent a lot of time on at school in the 90s. (Though it's not quite as old as Ania suggests.. 😅)

Random Notes Around Service Workers Development and Testing — “a bunch of tips and tricks I learned through the years around service workers”

Precise Timing with the Web Animations API — Working with timers in JavaScript can quickly get complicated. Kirill takes a look at how the Web Animations API could eliminate the need for such timers in certain cases.

How to Create a Vanilla JS Gantt Chart — The first part came out in August last year if you want to catch up.

Puppeteer 15.0: Control Headless Chrome from Node — Playwright has picked up a lot of the browser control market in recent years, but the popular Chrome-oriented Puppeteer remains a fantastic option if you don’t need to support multiple browsers. It now uses Chromium 103 and supports Node 18.

▶  How to Remove 99% of JavaScript from the Main Thread — The original creator of Angular gives a talk about the Qwik framework which takes a low-JavaScript HTML-first approach to building front-end apps. Partytown gets involved to move scripts into Web Workers, taking them off of the main thread.

Notes on Maintaining an Internal React Component Library — A developer’s thoughts on maintaining a component library as part of an existing design system used by a large number of frontend apps at DigitalOcean.

The Complete Guide to Building a React Form in 2022 — A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly and accessible Forms.

▶  Ten Talks from JSConf Budapest 2022 — Took place a few weeks ago and these are good quality recordings. Gil Tayar’s talk about the type annotations proposal is a good place to start.

Vitest: A Vite-Powered 'Blazing Fast' Unit Testing Framework — Brings a lot of cool stuff into one place and really is quick – if you want near instant feedback when you change your code, check it out. You get Vite’s transformers, resolvers, and plugins, snapshot testing, native code coverage, component testing, an instant watch mode, and more.