#625 — February 10, 2023
The Future (and the Past) of the Web is Server Side Rendering — It’s fair to say the Deno folks have some skin in this game, but nonetheless this is a neat brief history of server-side rendering and why they feel it’s the right approach for modern web development.
Andy Jiang (Deno)
Monitoring Your NestJS Application with AppSignal — With AppSignal, you can monitor your NestJS app with ease and rely on OpenTelemetry to handle third-party instrumentations. AppSignal even provides helper functions to help you build comprehensive custom instrumentation. A box of 🍪 included!
Ten Web Development Trends in 2023 — Following the State of JS survey results Robin takes a considered look at new web dev trends that we should be paying attention to this year, and why they matter.
Google Touts Web-Based Machine Learning with TensorFlow.js
Richard MacManus (The New Stack)
Honeypot’s highly anticipated ▶️ React.js documentary drops later today – it’ll probably be out by the time you read this.
▶️ Evan You tells us what to expect in 2023 from Vue.js.
The Scala.js project is celebrating its ten year anniversary – it’s now a mature way to build Web projects using Scala, if you prefer.
A history of criticisms levelled at React.
Eleventy / 11ty 2.0
↳ Popular Node.js static site generator.
pnpm 7.27 – The efficient package manager.
RxDB 14.0 – Offline-first, reactive database.
📒 Articles & Tutorials
Design Patterns in TypeScript — OO-inspired patterns aren’t for everyone or every use case, but this is a fantastic catalog of examples, complete with diagrams and explanations, if you need to learn to tell apart factory methods from decorators, facades, or proxies.
Resumable React: How To Use React Inside Qwik — Building React apps without ever loading React in the user’s browser? “Sounds too good to be true? Let’s see how this works.”
Did You Know That You’re Already a Distributed Systems Developer?
Temporal Technologies sponsor
Build a Hacker News Client using Alpine.js — Alpine.js is a thin and elegant reactivity library that lets you add dynamic functionality to your site directly in markup. This is a short and sweet practical example of what you can quickly do with it.
Salai Vedha Viradhan
▶ TypeScript Speedrun: A Crash Course for Beginners — If you want to pick up TypeScript and would find a video guide useful, this is for you. Matt has become well known recently for his educational TypeScript tweets and videos, and this is another good one that flies through the basics. (23 minutes.)
Using Notion as a Headless CMS with Nuxt
The Options API vs Composition API in Vue.js
🛠 Code & Tools
Yup 1.0: Super Simple Object Schema Validation — Define a schema, transform a value to match, assert the shape of an existing value, or both. Very extensive docs here.
Material React Table: A Full-Featured React Table Component — Built upon Material UI 5 and TanStack Table 8. The docs include lots of interactive examples.
Kevin Van Cott
BlockNote: Notion-Style Block-Based Text Editor — Built on top of Prosemirror and Tiptap, this is for you if you like the way the Notion note-taking service’s text editor feels. There’s a live demo.
TresJS: Build 3D Experiences with Vue.js — Create 3D scenes with Vue components and Three.js. Think React-three-fiber but Vue flavored.
depngn: Find Out if Dependencies Support a Given Node.js Version — A CLI tool that establishes whether or not the dependencies in your package.json will work against a specified version of Node.
Open-Source JS Form Libraries to Automate Your Form Workflow — Self-host SurveyJS to configure and modify multiple forms, convert them to fillable PDF files, and analyze collected data in interactive dashboards.
Lawnmower: Build VR Scenes with Custom HTML Tags — A web component library that leans on Three.js and aims “to make building a basic VR website as easy to make as your first HTML site”.
Electron Core Team
Run: Run User-Provided Code in a Web Worker
Software Engineer (Backend) — Join our “kick ass” team. Our software team operates from 17 countries and we’re always looking for more exceptional engineers.
↳ A data table/grid control for Vue.js. (Demo.)
↳ Customize the browser scroll bar. (Demo.)
↳ Component to build Web forms from JSON Schema.
↳ Run tests using Jest & Puppeteer.
↳ Markdown for the component era.
🎁 The Bonus Round
A beautiful WebGL2-based fluid simulation. It’s even happy on mobile. Pretty!
Go-like channels in 10 lines of JavaTypeScript..?
🐦 Misko Hevery: “useSignal() is the future of web frameworks and is a better abstraction than useState(), which is showing its age.” (source)
Mike Pennisi asks: when is an object property not a property?
Do you use Postgres at all? Check out Postgres Weekly – one of our sister newsletters. So much is going on in the Postgres space lately and it’s a great way to keep up.