QR Code
OWT Web Services       http://owtweb.com
[Skip to Content]

Industry News

06/19/2024





















#​693 — June 20, 2024

Read on the Web





JavaScript Weekly








The Results of the State of JavaScript 2023 Survey — It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides.


Devographics






How JavaScript is Finally Improving the Module Experience — Multiple long-term proposals collectively known as “module harmony” will complete the features lost as developers move away from CommonJS.


Mary Branscombe / The New Stack






Simplify Your Data Collection with a Fully Integrated Form Management Platform — SurveyJS is an open-source JavaScript library suite for secure form creation and data collection in your app. Build JSON-driven surveys/forms quickly, without manual coding. Integrate with any backend system, gather and store responses while retaining full control over your data.


SurveyJS sponsor






How React 19 (Almost) Made the Internet Slower — Even changes that are planned in advance can have big effects on the developer experience if people aren’t aware of them. A change to Suspense in React 19 led to much confusion and surprise, but the story has a happy ending with the React team ready to listen to end users more closely.


Henrique Yuji




IN BRIEF:





RELEASES:




  • htmx 2.0 – The popular 'access lots of JS and Web API features via special HTML attributes' library gets a new major version mainly to remove deprecations and drop IE support.




  • Electron 31 – The cross-platform desktop app framework steps up to Chromium 126, Node 20.14, and V8 12.6.




  • Relay 17 – Facebook's declaritive GraphQL client for React.




  • ESLint 9.5, Serverless Framework v4, pnpm 9.4








Your Fastest Path to Production — Build, deploy, and scale your apps with unparalleled ease – from your first user to your billionth.


Render sponsor



📒 Articles & Tutorials








▶  3D in TypeScript with Raycasting — Raycasting is a somewhat old fashioned technique to render 3D environments (you may have seen it in 1992’s Wolfenstein 3D) but it’s easy to understand and worth implementing at least once.


Tsoding Daily






Live Types in a TypeScript Monorepo — Several strategies to make a TypeScript monorepo feel more “alive” in the sense of the propagation of changes.


Colin McDonnell






Intro to Sentry & Codecov: Live Demo — From pre to post-release, learn how Sentry help developers find and fix errors and slowdowns and deploy with confidence.


Sentry sponsor






What Happens When a Major npm Library Goes Commercial? — The ua-parser-js library is commonly used to parse user agent strings and gets over 12 million downloads a month, but it has recently switched to AGPL+commercial licensing.


Matteo Collina






Dual Publishing ESM and CJS Modules with tsup and 'Are the Types Wrong'tsup makes it easy to bundle TypeScript libraries and 'Are the Types Wrong?' analyzes packages for issues with their types.


John Reilly




📄 How to Use Google Sheets as a 'Database' from React Paul Scanlon


📺 How Svelte and RSCs are Changing Web Development – A group discussion including Svelte’s Rich Harris, Tracy Lee, Ben Lesh, and Adam Rackis. This Dot Media


📄 Mastering Date Formatting using Intl.DateTimeFormat Rafael Camargo


📄 MobX Memoizes Components (You Don't Need React Compiler) – If you’re actually using MobX, that is. Mike Johnson


📄 Refactoring a Scroll-Driven Animation from JavaScript to CSS Andrico Karoulla


📄 UUIDv7 Implemented in 20 Languages – Surprisingly short and sweet. Anton Zhiyanov



🛠 Code & Tools








Phoenix: A macOS Window Manager You Can Script with JS — macOS is set to adding more window management features in Sequoia, but how about something you can script entirely with JavaScript right now? GitHub repo.


Kasper Hirvikoski






JSONEditor: A Component for Viewing and Editing JSON — If your app needs to let users work with JSON directly, this is worth a look. It supports both text and tree views and is cross browser compatible. Live demo.


Jos de Jong






Transformational Auth & Identity | Userfront — "Compared to our previous experiences in the security/auth space, Userfront is an order of magnitude simpler to use."


Userfront sponsor






Rooster v9.6: Microsoft's Framework-Independent Rich Text Editor — A rich-text editor control neatly nested inside a single div element (demo). Several years old, but still maintained.


Microsoft






NLUX: A Library for Rendering Conversational AI Experiences — If you want to spin up a ChatGPT-style conversational experience on top of your own services or third party AI backends, this provides the pieces needed to get an interface up quickly. GitHub repo.


Salmen Hichri





⚙︎ NodeSwift – Bridges Node.js and Swift so you can write Swift code that talks to Node and vice versa. Kabir Oberai


⚙︎ Vuesion – Boilerplate for Next/Vue app development. Werner-Most Ideen GmbH


⚙︎ Kitbag Router – Type safe router for Vue.js. Craig Harshbarger




QUICK RELEASES:






🤖 QUICK NOTE


Next week, I'm attending the AI Engineer World's Fair. If you happen to be there, come and say hi!


It might be a bit late to attend in person unless you're based in SF, but you can subscribe to the AI Engineer YouTube channel to be notified when the livestreams go live next Wednesday and Thursday if you'd like to see what's going on.


— Peter Cooper, your editor










06/12/2024





















#​692 — June 13, 2024

Read on the Web



📝 I've recently encountered readers who've been surprised to learn this isn't our only JavaScript newsletter. We have Node Weekly and React Status too – check them out if you're a Node.js or React developer, as we focus more closely on them there! :-)
__
Your editor, Peter Cooper





JavaScript Weekly








TC39 Meets Again and Advances Key Proposals — The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try.


Sarah Gooding (Socket)






Announcing TypeScript 5.5 RC — This is shaping up to be one of TypeScript’s more significant releases, with popular dev-YouTuber Theo ▶️ dropping a 30 minute video on what he’s calling “the biggest TypeScript release in years.”


Daniel Rosenwasser (Microsoft)






WorkOS: Enterprise-Grade Auth You Can Implement in Minutes — Like an enterprise plan in a box: WorkOS provides flexible, easy-to-use APIs to integrate SSO, SCIM, Audit Logs, User Management, and RBAC. It's used by some of the hottest startups including Perplexity, Vercel, & Webflow. Future-proof your auth stack with WorkOS.


WorkOS sponsor






How to Compose JS Functions That Take Multiple Parameters“Function composition is beautiful,” says James, who goes on to explain, in his usually elegant way, the use of partial application, currying, composite data structures, and more.


James Sinclair




IN BRIEF:





RELEASES:







State of Frontend 2024 Survey Is Out Now! Hundreds Have Already Joined — Spare a few minutes to fill in the survey and receive a free report on the future of frontend development.


The Software House sponsor



📒 Articles & Tutorials





'I Tried React Compiler Today, and Guess What..' — The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground.


Nadia Makarevich






'How a Single Vulnerability Can Bring Down the JS Ecosystem' — A slightly alarmist headline and it’s more about npm, but the issue outlined could have nonetheless posed big problems – luckily, GitHub is on the case.


Roni Carta (Lupin)






Your Fastest Path to Production — Build, deploy, and scale your apps with unparalleled ease – from your first user to your billionth.


Render sponsor






Generating ZIP Files with JavaScriptJSZip makes it easy to dynamically create an archive for users to download.


Josh Martin






Using Node.js's Test Runner: The Official Guide — A new guide on the official Node site covering the fundamentals of using Node’s new test runner functionality, along with snapshot tests (supported by Node 22.3).


Jacob Smith




📄 Using the Page Visibility API – Set up event listeners to do things when page visiblity changes. Brian Smith


📄 Getting Started with Directus and PreactDirectus is a headless CMS built on top of Node and Vue. Jay Bharadia


📄 Powering Angular with Rust via WebAssembly – How you could start using Rust in your Angular app. Evgeniy Oz


📄 Angular Directives vs. Vue Directives Christian Nwamba



🛠 Code & Tools








DGM.js: Infinite Canvas Library with Smart Shapes — A library for rendering and working with infinitely pannable canvases that contain ‘smart shapes’ that you can script and give various constraints and properties. GPLv3 licensed.


Minkyu Lee






Pastel 3.0: A Framework for Building Ink AppsInk brings the power of JSX and React components to building command line apps. Pastel provides more structure on top of that in a Next.js fashion.


Vadim Demedes






Add Authorization, MFA, Biometrics and More to Your JavaScript App in Just Minutes — It's about time that somebody talked some sense about OAuth and JavaScript. So we did. You're welcome.


FusionAuth sponsor






uuid v10: Generate RFC-Compliant UUIDs — Covers all major UUID standards. Works across all major browsers and Node 18+. v10.0 adds support for more types of RFC9562 UUIDs (namely v6, v7 and v8).


Robert Kieffer and contributors






JsonTree.js: Customizable Tree Views for JSON Data — No dependencies, lots of customizations, and it’s easy to theme the trees using CSS variables. Try out some examples on the docs site.


William Troup







Turf.js 7.0: Geospatial Engine for Browsers and Node — A collection of modules for doing spatial analysis, working with GeoJSON data, data classification, and more. GitHub repo.


Morgan Herlocker






Parvus 2.6: Accessible Lightbox with No Dependencies — I love how it says not to use overlays on web pages but if you have to, use this! There’s a CodePen example.


Benjamin de Oostfrees





DON'T OVERLOOK THESE:


⚙︎ Dukpy – A simple JavaScript interpreter for Python. Alessandro Molina


⚙︎ ngx-sonner – An opinionated toast notifications component for Angular, inspired by the React equivalent. Clara Castillo


⚙︎ River.ts – A composable, type-safe Server-Sent Events (SSE) interface. Matthias Tellen


⚙︎ JSVectorMap – Render interactive maps for visualizations. Mustafa Omar




QUICK RELEASES:




🎁 And One for Fun









Bread Jam: Make Variables and Properties Easier to See in VS Code — An interesting new VS Code extension that offers 11 different ways to make variable names stand out more in your editor, with both basic colorization approaches and an interesting emoji-based prefix option.


Ting Wei Jing










06/05/2024





















#​691 — June 6, 2024

Read on the Web





JavaScript Weekly








Promises from the Ground Up — Josh notes that in order to truly understand promises, a fundamental part of modern JS development, we need “a surprisingly deep understanding of how JavaScript works and what its limitations are”. Luckily, this tutorial covers all the critical context you need.


Josh W Comeau




💡 If you're a bit more advanced, you might enjoy Alex MacArthur's look at controlling promises using Promise.withResolvers().





A Powerful JavaScript Reporting Tool Built for the Web — ActiveReportsJS is the premier JavaScript reporting tool designed for advanced data visualizations in web applications. With many different advanced report builders and viewers, insights can be seamlessly shared with your entire user base.


ActiveReportsJS from MESCIUS inc sponsor






htmx: Simplicity in an Age of Complicated Solutionshtmx provides access to numerous dynamic features, like Ajax requests and page updates, by way of HTML attributes, and has been increasing in popularity recently. Erik looks at why its simplicity is particularly appealing.


Erik Heemskerk




📺 YouTuber DevelopedByEd has a neat ▶️ 15 minute Go + htmx quickstart screencast targeting JavaScript developers keen to explore new approaches.



IN BRIEF:





RELEASES:







Revolutionizing UI Development with Chromatic and StackBlitz — In our upcoming live stream, we'll be speaking with the Chromatic team about actionable strategies to improve your design system workflow.


StackBlitz sponsor



📒 Articles & Tutorials





Data Fetching Patterns in Single-Page Applications — With a level of depth you’d expect from a Martin Fowler production, Atlassian’s Juntao Qiu walks through five different patterns to consider when fetching remote data, using a realistic scenario to show them off.


Juntao Qiu and Martin Fowler






A Brisk VS Code Extension Development Speedrun — Literally a brisk tutorial, but Brisk is also the name of a CI tool the extension in question is being developed for.


Sean Reilly






Tracing: Frontend Issues with Backend Solutions — Join us live to learn how to identify the issues causing poor Core Web Vitals and trace them through your stack.


Sentry sponsor






Full Stack Web Push API Guide — A complete implementation of push notifications in a Remix app. “If you follow the walk through to the end, you’ll have working push notifications.”


Boaz Sender




📄 Node Leaking Memory? setTimeout Could be the Reason Armin Ronacher


📄 Write Your First Chrome Extension: A Guide Lizzie Paris


📄 Goodbye Netlify, Hello Cloudflare – When the bandwidth charges start to sting.. Harrison Broadbent


📺 Effortless Vue.js Forms CDRUC



🛠 Code & Tools








Motion Canvas: Create Dynamic Canvas-Rendered Animations — There’s two parts. A library where you use generator functions to procedurally define animations, and an editor that provides a real-time preview of said animations which you can see in action here.


Motion Canvas






Merge Anything 6.0: Merge Objects and Other Types Recursively — If you’re looking for something that goes a bit deeper than Object.assign(), say.


Luca Ban






TypeScriptToLua: Write Lua with TypeScript — Lua is embedded in all sorts of places (games, Redis, NGINX..) so being able to write JavaScript and have it converted could open up some extra opportunities for you.


TypeScriptToLua Contributors










Breakpoints and console.log is the Past, Time Travel is the Future — 15x faster JavaScript debugging than with breakpoints and console.log, supports Vitest, jest, karma, jasmine, and more.


Wallaby Team sponsor






Zigar: Write and Use Zig Code in Node and Electron ProjectsZig is a newish systems language that’s essentially a superset of C/C++. Zigar wants to make using C/C++/Zig code easier in JavaScript projects.


Chung Leong






  • Wouter 3.2 – Minimalist router for React & Preact. You can now use regular expressions to define custom route patterns too.




  • PKI.js 3.1 – Pure JS library for working with public key oriented systems. Certificates, signing, etc.




  • Fontsource – 1700+ open source fonts packaged as npm packages.




  • tscircuit – Design circuit boards using a React-based approach.




  • Prisma 5.15 – Popular ORM for Node.js and TypeScript.




  • melonJS 17.3 – Lightweight HTML5 game engine.





🤖 A quick AI-side



First, a handy library:










KaTeX: The Fastest Math Typesetting Library for the Web — All these AI And machine learning papers and blog posts these days are crammed with mathematical notation, so how about a no dependency, TeX-based approach to rendering them? The sandbox demo page shows off how smooth it is.


Emily Eisenberg and Sophie Alpert








Second, you may recall that last year (in issue 654) I mentioned a new AI engineering event being put on by two JavaScript developers called The AI Engineer Summit. It turned out to be fantastic and it's back later this month in a much larger form called The AI Engineer World's Fair (June 25-27 in San Francisco).


The speaker list is a veritable 'who's who' of the ML-leaning development scene with all the main LLM providers present too, so I've decided, at the last minute, I need to be there! If you're interested in going too, they've given us a link with 30% off all the ticket prices for you to use.










05/29/2024





















#​690 — May 30, 2024

Read on the Web





JavaScript Weekly








How 1Password Used esbuild to Cut Browser Extension Build Times — 1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details.


Jarek Samic






Next.js 15 Release Candidate — The popular React meta framework gets ready for a major new release with a RC giving you an opportunity to experiment with React 19 (and React Compiler) support, executing code after a response with next/after, and a few potentially breaking changes.


Delba de Oliveira and Zack Tanner






Everything You Need to Know About Git — Join ThePrimeagen for this extensive video course and ensure you never run into an unsolvable Git problem again. You'll learn advanced git abilities like interactive rebasing, bisecting, worktrees, the reflog, and more.


Frontend Masters sponsor






aem1k: A Variety of JS Hacks and Creative Coding — This is a fun one. Martin really captures the joy and expressiveness of JavaScript and the Web with his collection of projects, whether it’s offering a NSFW-named tool to convert your JavaScript into just six characters, rendering a spinning globe in 1KB of JS, the Game of Life in 176 bytes, and many more such experiments.


Martin Kleppe




IN BRIEF:




  • The folks behind the long standing Gulp build tool are running a survey to help make Gulp better and suit modern needs. It closes tomorrow.




  • 🫠 JavaScript's creator Brendan Eich popped up on Twitter/X to refute a claim that JS is "the most slop" by saying it's only 50% so.. I don't get it either.




  • If you haven't gone down the JSR rabbit hole yet, let ▶️ Ryan Dahl convince you through his DevWorld 2024 talk. (29 minutes.)




  • Three.js introduces its own 'TSL' shader language as a way to write WebGPU shaders with JavaScript rather than the WebGPU Shading Language.






RELEASES:




📒 Articles & Tutorials





10 Modern Node.js Runtime Features to Start Using in 2024 — If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node.js has been taking huge strides forward too. Liran looks at lots of what’s new.


Liran Tal






ECMAScript 2023 Feature: Symbols as WeakMap keys — Dr. Axel continues his look at language features by explaining what WeakMaps are for and why using symbols for keys has added benefits.


Dr. Axel Rauschmayer






Introducing a New Fullstack TypeScript DX from AWS — Build every part of your app’s cloud backend with TypeScript: auth? TypeScript. Data? TypeScript. Storage? TypeScript.


AWS Amplify sponsor






▶  uBlock Origin: Let's Read the Code — A prolific code reader spends some time digging into the popular ad blocker that’s almost entirely built in JavaScript.


Ants Are Everywhere






Why We Need a Standard JavaScript ORM for SQL Databases — ..and is it Drizzle?


Paul Scanlon (The New Stack)






Want Out of React Complexity? Try Vue — A high level piece that may provide some context if you haven’t dabbled with Vue yet.


Richard MacManus (The New Stack)






Stale Thinking Causes Teams to Thrash — You Need a Breath of Fresh Air ☀️ — Get fresh perspective from product managers who’ve been-there-done-that across tons of domains, use cases, and problems.


Test Double sponsor




📄 Why We Don't Have a Laravel For JavaScript... Yet Vince Canger (Wasp)


📄 It’s Not Just You, Next.js is Getting Harder to Use Andrew Israel


📄 How to Create a Modal in React with HTML's <dialog> Colby Fayock


📄 What's New in Angular 18 Gergely Szerovay



🛠 Code & Tools








Regexper: Display JavaScript Regular Expressions as Railroad Diagrams — Might come in handy for learning regular expressions or if you have a complex regular expression and you don’t know what it does (not an uncommon situation..!)


Jeff Avallone






Hono 4.4: The Standards-Based JS Web App Framework for EverywhereHono is a small, fast web framework with a straightforward API, middleware support, and that runs pretty much on anything (Deno, Bun, Node, Cloudflare, and more). v4.4 brings it to JSR, adds timeout middleware, and a helper to get information about connected clients.


Yusuke Wada and Contributors






Your Fastest Path to Production — Build, deploy, and scale your apps with unparalleled ease – from your first user to your billionth.


Render sponsor






Inertia.js 1.1: Build SPAs for Any Backend — Inertia acts as ‘glue’ between various frontend libraries (React, Vue, or Svelte, say) and server-side frameworks (e.g. Rails or Laravel).


Jonathan Reinink






ShareDB 5.0: Realtime Database Backend Based on Operational Transformation — For when you need real time synchronization of JSON documents (such as for behind a real time collaboration app).


ShareJS






⏰ And one for fun..








Qlock: A JavaScript Quine Clock — We linked to Martin's array of creative JavaScript experiments earlier, but why not finish with one that particularly tickled us? A quine is a program that takes no input but manages to produce, as output, its own source code. Here’s a fun JavaScript example that isn’t merely a quine, but a clock too.


Martin Kleppe










05/29/2024

In today’s fast-paced digital landscape, scaling a brand effectively requires more than just an innovative product or service. For D2C and e-commerce marketers, understanding the intricacies of growth strategies across different stages of business development is crucial.   A recent analysis of 71 brands offers valuable insights into the optimal strategies for startups, scaleups, mature […]


The post Unlocking Brand Growth: Strategies for D2C and E-commerce Marketers appeared first on Search Engine Watch.