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.

The above is the detailed content of Stay ahead in web development: latest news, tools, and insights #58. For more information, please follow other related articles on the PHP Chinese website!