weeklyfoo #58 is here: your weekly digest of all webdev news you need to know! This time you’ll find 38 valuable links in 7 categories! Enjoy!
🚀 Read it!
- How to become a more effective engineer: The importance of soft skills, implicit hierarchies, getting to “small wins”, understanding promotion processes and more. by Cindy Sridharan / career, engieering / 26 min read
📰 Good to know
- 11 best open-source web crawlers and scrapers in 2024: A good list of srapers to consider if you’re in the need of one. by Dávid Lukáč / scrapers / 22 min read
- Leaving Stripe: Working at stripe by Jon de la Motte / stripe, career / 15 min read
- Y Combinator Application Guide: Advice on the YC application from YC alum by Yurii Rebryk / yc / 0 min read
- Grok API Public Beta: Starting today, developers can build on our Grok foundation models using our newly released API. by x.ai / grok, ai / 3 min read
- I’ve had a change of heart regarding employee metrics: Manager giving up on metrics by Rachel / leadership / 4 min read
- Please just stop saying just: Observing the same, and I’m one of those doing it as well some times. But Scott is right here, it shouldn’t be used in any case. by Scott Ringwelski / engineering / 5 min read
- Always Be Launching: Because tbh no one gives a shit about your new product, anyway by Andrew Chen / products / 7 min read
- What are the odds?: Do you worry about UUID collisions? Your data center is more likely to be destroyed in a nuclear strike. Prioritize what matters. by Jonathan Hall / uuids / 4 min read
- Monorepo - Our experience: Nine months ago, we switched to a monorepo. Here I describe our experience with the switch so far. by ente.io / monorepo / 10 min read
- What’s a Single-Page App?: The web development community talks a lot about single-page apps, but are we all on a single page? by Jake Lazaroff / spa / 15 min read
- JavaScript’s ??= Operator: Default Values Made Simple: A guide to using ??= in JavaScript to handle null and undefined values elegantly by Trevor I. Lasn / javascript, operators / 4 min read
- Hacking cars in JavaScript: Running replay attacks in the browser with the HackRF by Charlie Gerard / hacks / 12 min read
- 7 simple habits of the best engineers I know: How great software engineers maintain outperformance by engineerscodex.com / engineering / 10 min read
🧰 Tools
- NocoDB: NocoDB allows building no-code database solutions with ease of spreadsheets. by nocodb.com / databases
- Cash: An absurdly small jQuery alternative for modern browsers. by Fabio Spampinato / dom, javascript
- pqoqubbw/icons: an open-source collection of smooth animated icons for your projects by pqoqubbw / icons
- Someday: Free to host and open-source cal.com / calendly alternative built on Google-Apps-Script for Gmail users. Built with modern technologies like React, TypeScript, Shadcn/UI, and Vite. by robby / calendar, calendly
- CSV SQL Tool: Run SQL queries on CSV files directly in your browser. No data leaves your browser. by csvsqltool.com / csv, sql
- HTML to React & Figma by Magic Patterns: Chrome Extension to convert what you find on any website into a React component. by magicpatterns.com / react, chrome
- NPM Chart: Search for a package to see its download stats over time. by Sébastien Chopin / npm, stats
- yauzl: yet another unzip library for node by Josh Wolfe / nodejs, zip
- Click to Component: Option+Click React components in your browser to instantly open the source in VS Code by Eric Clemmons / react
- skellyCSS: A light-weight CSS framework to quickly implement skeletons into your projects. by Ritter Insurance / skeletons
- npmpackage.info: Discover detailed information about npm packages. by Shrinath Nayak / npm
- BemiDB: Postgres read replica optimized for analytics by bemidb.com / analytics
- varse: A fast application config manager by varse.io / config
- Draw.Audio: Draw.Audio is a free musical sketch-pad for exploring ideas in sound. It was made using the Web Audio API. by draw.audio / audio
- React GJS Renderer: A React renderer for the Gnome JS. It provides components and methods allowing to use React to build native Gnome GTK applications. by react-gjs / react, gnome
- World in Dots: Create vector dotted maps with custom options and download them as SVG or PNG files by worldindots.com / maps
🎨 Design
- Designing For Gen Z: Expectations And UX Guidelines: There are many myths revolving around Gen Z and how they use tech. Time to take a look at actual behavior patterns that go beyond heavy use of social media. by Vitaly Friedman / ux / 15 min read
- Design Principles: An open source collection of Design Principles and methods. by principles.design / principles / 2 min read
🤪 Fun
- Interview gone wrong: How Python can confuse us ;) by ashu1461 / python, interview / 2 min read
📚 Tutorials
- Animation in the browser console: Use of svg animations as background by @jh3yy / console, svg / 0 min read
- HLS Video Transcoder: Streaming video on Cloudflare R2 by Wes Bos / cloudflare / 4 min read
- How to Create an AI-Powered Newsletter Aggregator with React and AI Agents: Get started with AI agents in this practical tutorial and learn to build an AI-powered newsletter aggregator using React and KaibanJS. by Dariel Vila / ai, kaibanjs / 15 min read
- Generating Random Mazes with JavaScript: I didn’t get a chance to hit the pumpkin patch this year, so I missed out on seeing any corn mazes. To make up for it, I decided to make some mazes of my own! Being a programmer, I over-engineered it and built a random maze generator! by Paul Herbert / maze / 13 min read
📺 Videos
- Atlas Goes Hands On: The interesting part is that Atlas is acting completely autonomously. by Boston Dynamics / robots