2023.06.05 - The Brilliant Model of "Two Combinations

2023.06.05 – A Shining Example of “Two‑Way Integration”

JavaScript Macros & 10 Years of React & Future‑First Design Thinking & Public‑Benefit Schools & The Great Way Never Strays From the Present

This Week’s Hot Topics

JavaScript Macros in Bun – https://bun.sh/blog/bun-macros https://bun.sh/blog/bun-macros
Macros let you run JavaScript functions at bundle time, inlining their return values directly into your bundle. Related: [How to Build a CRUD API with Oak and Deno KV] https://deno.com/blog/build-crud-api-oak-denokv.

CSS Pro: A Re‑Imagined DevTools for Web Design – https://csspro.com/ https://csspro.com/
Make design changes to any site and test ideas in seconds with a visual editor that generates code for you. Say goodbye to hand‑coding and hello to speed, joy, and stunning designs in just a few clicks. Related: [New CSS Color Spaces and Functions in All Major Engines] https://web.dev/color-spaces-and-functions/.

Celebrating 10 Years of React – https://vercel.com/blog/10-years-of-react https://vercel.com/blog/10-years-of-react
May 29 marks the 10th anniversary of React, a project that has reshaped the web industry and the way we build digital experiences. Huge congratulations and thanks to the Meta team, whose stewardship and relentless innovation have created and maintained one of the most successful open‑source projects ever. Related: [The Evolution of React APIs and Code Reuse] https://frontendmastery.com/posts/the-evolution-of-react-patterns/, [Discussing the Future of React with Two Core Team Members] https://www.youtube.com/watch?v=g5BGoLyGjY0.

Generative Language Models: Are Modelers Ready for ChatGPT and What’s Next? – https://modeling-languages.com/generative-language-models-are-modelers-ready/ https://modeling-languages.com/generative-language-models-are-modelers-ready/
After the release of powerful large language models (LLMs) such as Copilot and ChatGPT, many wonder whether they excel not only at coding but also at modeling. Some engineers believe LLMs are here to stay and will revolutionize software development, but: to what extent can LLMs currently be used to model software systems? While many papers analyze the advantages and limits of generative AI for code, the state of LLMs for software modeling has received little attention. Related:

• [A Guide to Generative AI Terminology] https://blog.scottlogic.com/2023/06/01/generative-terminology.html
• [Open‑Source LLMs] https://www.schneier.com/blog/archives/2023/06/open-source-llms.html
• [More on Our AI Future: Building Course Recommendations and a New Data Platform] https://stackoverflow.blog/2023/05/29/more-on-our-ai-future-building-course-recommendations-and-a-new-data-platform/
• [Large Sequence Models for Software Development Activities] https://ai.googleblog.com/2023/05/large-sequence-models-for-software.html
• [OpenAI Cybersecurity Grant Program] https://openai.com/blog/openai-cybersecurity-grant-program
• [Improving Mathematical Reasoning with Process Supervision] https://openai.com/research/improving-mathematical-reasoning-with-process-supervision

Future‑First Design Thinking – https://www.wholegraindigital.com/blog/future-first-design-thinking/ https://www.wholegraindigital.com/blog/future-first-design-thinking/
Design is a powerful tool that goes beyond aesthetics. It involves creating systems that work better and nurture both people and the planet. While design is often linked to visual appeal, its impact reaches far beyond looks. This blog explores how design can contribute to a sustainable future, emphasizing the importance of considering form, function, and environmental well‑being. Related: [Humanness in Remote Design Culture] https://medium.com/microsoft-design/humanness-in-remote-design-culture-f7aa889667a0.

In‑Depth Reading

I Tried 8 Different Postgres ORMs – https://www.youtube.com/watch?v=4QN1BzxF8wM https://www.youtube.com/watch?v=4QN1BzxF8wM
Let’s compare eight ways to work with SQL databases in a JavaScript project such as Node.js or Next.js, weighing the pros and cons of various libraries and ORMs for Postgres queries in a full‑stack framework.

300 ms Faster: Reducing Wikipedia’s Total Blocking Time – https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/ https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/
For over three years, Wikipedia’s mobile site was slowed by a JavaScript snippet that could take more than 600 ms to run on low‑end devices, blocking user interaction. This article walks through a few simple steps that cut the execution time by roughly 50 %.

Applying GitOps Principles to Your Operations – https://github.blog/2023-06-02-applying-gitops-principles-to-your-operations/ https://github.blog/2023-06-02-applying-gitops-principles-to-your-operations/
Can we treat our Git repository as the source of truth for operational tasks and somehow reconcile changes with the real‑world state?

Implementing a Distributed Key‑Value Store on Top of Raft in Go – https://notes.eatonphil.com/2023-05-25-raft.html https://notes.eatonphil.com/2023-05-25-raft.html
As part of getting up to speed after joining TigerBeetle, I needed background on distributed consensus and replicated state‑machine protocols. TigerBeetle uses Viewstamped Replication, but I wanted to understand the major protocols, so I started with Raft. This post implements two core Raft components (leader election and log replication) in about 1 k lines of Go. It took me roughly seven months of intermittent study to reach a basic understanding.

Fresh Finds

Why I Left Rust – https://www.jntrnr.com/why-i-left-rust/ https://www.jntrnr.com/why-i-left-rust/
https://gist.github.com/fasterthanlime/42da9378768aebef662dd26dddf04849 https://gist.github.com/fasterthanlime/42da9378768aebef662dd26dddf04849
https://blog.rust-lang.org/2023/05/29/RustConf.html https://blog.rust-lang.org/2023/05/29/RustConf.html

• Electron 25.0.0 https://www.electronjs.org/blog/electron-25-0
• Svelvet: Build Interactive, Node‑Based UIs and Diagrams in Svelte https://www.svelvet.io/
• Migrate: Abstract Migration Framework for Node https://github.com/tj/node-migrate
• Meta Announces Its Quest 3 VR Headset, Priced at $499.99 https://www.theverge.com/2023/6/1/23744576/meta-quest-3-vr-headset-price-details
• Plane: Open‑Source, Self‑Hosted Project Planning Tool https://github.com/makeplane/plane

Products & Others

Notes Apps Are Where Ideas Go to Die. And That’s Good. – https://www.reproof.app/blog/notes-apps-help-us-forget https://www.reproof.app/blog/notes-apps-help-us-forget
https://news.ycombinator.com/item?id=36136179 https://news.ycombinator.com/item?id=36136179
Evernote to OneNote, Moleskines to Field Notes, Roam to Obsidian—we blame the tools and the techniques. Surely they’re at fault. A new app will be better, so we dump our latest thoughts into it, try the newest organization features, and end up safely forgetting things again. The illusion shatters, and we move on to the next shiny thing. Yet perhaps the apps have always worked by letting us forget. We didn’t need endless bookmarks and notes as much as we needed the safety of letting go. Any place to store our thoughts was enough.

Discover the Productivity Wearable with Ben Wisbey, Co‑Founder of Pylot – https://nesslabs.com/pylot-featured-tool https://nesslabs.com/pylot-featured-tool
In this interview we discuss the fallacy of time‑management, … (content truncated)

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.