#597 — July 8, 2022
Includes its own bundler, transpiler, and task runner.
Boasts huge performance improvements.
Supports a lot of Node and Web APIs already.
You can use npm packages in it.
Works on macOS (x86 and Arm), Linux, or WSL.
▶️ This 20-minute video does a reasonable job of showing it off, or if you’d prefer ▶️ a three-minute summary from Fireship. It’s early days but this is an exciting project to watch. (I’ve heard Bun is called ▶️ Barm Cake in northern England..)
Wijmo from GrapeCity sponsor
bundlejs: Online npm Package Bundler and Size Checker — An online tool that can treeshake, bundle, minify, and compress (gzip and brotli) projects and show you just what their weight is. Bundlephobia is another popular option in this space, but Mark Erikson says bundlejs is “now _wayyy_ better.”
How To NOT Block the Browser: The Essentials — If you’ve seen articles or tools talking about taking code off of the ‘main thread’ and wondered why that matters, this is the primer for you. It covers the event loop, Web Workers, async scheduling, and how they make a difference.
The latest update to VS Code is out. You can now easily toggle sourcemaps on and off, use Step Into Target in the JS debugger, and there’s a 3-way merge editor.
Talking of VS Code, Microsoft is beginning to unveil (in ‘private preview’ for now) the VS Code Server that backs VS Code’s remote development features so you can run it on your own hardware.
Node 14.20.0 (LTS), 16.16.0 (LTS) & 18.5.0 (Current)
Fuite 1.6 – Tool for finding memory leaks in web apps.
oclif 3.1 – Node.js open CLI framework.
Tabulator 5.3 – Interactive table and data grid control.
Preact 10.9 – Say hello to React 18’s new hooks (except useId).
Perspective 1.5.1 – Fast data visualization via WebAssembly.
📒 Articles & Tutorials
The New Wave of React State Management — It’s not a quick piece by any means, but provides a sweeping overview, along with some history and opinion, of the world of state management and some available options.
▶ ‘How I Built a Software Agency Website with Next.js and Tailwind’ — If you want to see how another developer works in the most peaceful and elegant way possible, this (quite long) video is for you. Lovely.
Simplify Your Full-Stack Applications with XState — State management is one of those things it can take a while to really get into, particularly in areas of development not commonly associated with them, but it can be worth it in order to reduce systemic complexity (at the cost of more code up-front).
Daniel Belo Gonçalves
How to Build, Test and Deploy a Bookstore App with React 18, Vite, and Netlify Functions — Brings together a variety of modern tools to practical ends, including getting an app online with serverless functions on the backend.
Dr. Axel Goes Deep on Executing Shell Commands from Node
Dr. Axel Rauschmayer
Daily Dev Tips
🛠 Code & Tools
Big Calendar 1.x: A GCal/Outlook-like Calendar React Component — Uses flexbox for improved responsiveness.
Deprank: Use PageRank to Find the Important Files in Your Codebase — PageRank is an algorithm commonly associated with how Google used to rank Web pages, but the idea can be adapted to ranking things in any sort of network, as seen here.
tsParticles: Particles, Confetti and Fireworks for Your Pages — Create customizable particle related effects for use on the Web. Uses the regular 2D canvas for broad support.
Amplify UI for React Now Generally Available — Amplify is AWS’s offering intended to attract frontend and mobile development projects to their infrastructure. A significant part of that is Amplify UI, a collection of React components connected directly to the AWS cloud.
Amazon Web Services, Inc.
Wayne: It’s Like Express.js, But Inside Service Workers — Specifically, it’s a routing library for use within service workers.
Jakub T. Jankiewicz
Software Engineers — Sticker Mule is the Internet’s most “kick ass” brand. Our software team operates from 17 countries, and we’re always looking for more exceptional engineers.
🤔 DID YOU KNOW..
you can now use AWS’s IAM role/access management system outside of AWS?
it’s possible to have ▶️ a Sudoku puzzle without any digits on it that takes two hours to solve?
Lea Verou gave a ▶️ fantastic talk about CSS custom properties at CSS Day 2022? You will learn something.