Stay ahead in web development: latest news, tools, and insights #58

Signup here for the newsletter to get the weekly digest right into your inbox.

weeklyfoo #58 is here: your weekly digest of all webdev news you need to know! This time you'll find 37 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
• 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

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.