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

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

weeklyfoo #61 is here: your weekly digest of all webdev news you need to know! This time you'll find 31 valuable links in 7 categories! Enjoy!

? Read it!

• Building Reddit’s Frontend with Vite: Great article about Reddits swith to vite. by Jim Simon / reddit, vite / 19 min read

? Good to know

• This Website is Hosted on Bluesky: Interacting with Blueskys Data by Daniel Mangum / data, bluesky / 15 min read
• Legacy Shmegacy: Understanding legacy code, how to prevent it, and how to fix it by David Reis / engineering / 10 min read
• Managing Impostor Syndrome as a New Engineering Manager: About triggers and how to handle it. by Péter Szász / leadership / 8 min read
• Why WASM: A Quickstart by Michael Levan / wasm / 11 min read
• Vite 6.0 is out!: Next major release of vite! by vite.dev / vite / 8 min read
• React Scan CLI: Check performance issues without installing anything. by Aiden Bai / react, cli, performance / 0 min read
• Comparing AWS S3 with Cloudflare R2: Price, Performance and User Experience by Sylvain Kerkour / aws, cloudflare, pricing / 1 min read
• The ACE technique for starting new things: Advice, Commit, Exit ramp. Read more in the article. by Charlie Andrews / performance / 3 min read
• Latency Numbers Every Programmer Should Know: Nicely visualized. by Sam Rose / numbers / 1 min read
• Vitest vs. Jest: Effective testing frameworks are essential in building reliable JavaScript applications, helping you minimize bugs and catch them early to keep your customers happy. Choosing the right testing framework saves hours of configuration hassles and improves developer experience. by Nolan Sullivan / testing / 20 min read
• I learned React Native as a web developer, and I got everything wrong: Native app development is different from web dev. by Fernando Rojo / react / 5 min read

? Tools

• WeSQL: WeSQL is an innovative MySQL distribution that adopts a compute-storage separation architecture, with storage backed by S3 (and S3-compatible systems). It can run on any cloud, ensuring no vendor lock-in. by wesql.io / databases, s3
• BuildShip: Low-code Visual Backend Builder, powered by AI. Create APIs, scheduled jobs, backend tasks, database CRUD, and integrate with any tool or APIs. by buildship.com / ai. apis
• SVAR UI Widgets: A collection of lightweight, feature-rich, and customizable UI components for Svelte. React and Vue versions are coming. by svar.dev / ui
• jsontr.ee: Effortlessly visualize JSON structures as dynamic tree diagrams by Lou Alcalá / json
• Tremor: Copy & Paste React components to build modern web applications. by tremor.so / charts, react
• Spoiled: Hide precious secrets. Realistic component for React.js by Alexey Taktarov / react
• React Swipeable: React swipe event handler hook by Nearform Commerce / react
• SVG Spinners: Collection of open-source SVG-based spinners (CSS & SMIL). by Shubham Jain / spinner, svg
• Screen Sharing: Share your screen with one simple room code. No downloads or sign-ups required. by Hin / collaboration, screen-sharing
• Vince: Self Hosted Alternative To Google Analytics by vinceanalytics.com / analytics
• litdb: Lightweight RDBMS agnostic TypeScript/JS abstraction for SQLite, PostgreSQL and MySQL by litdb / sql
• freebiesbug: A huge and ever-growing selection of 2120 Free Design Resources created by top designers and developers. by freebiesbug.com / gallery

? Design

• Methods for random gradients: An overview of techniques I’ve used to generate random gradient images. by Justin Jay Wang / gradients / 5 min read

? Fun

• Slack Attack: Six custom emojis you need for your slack workspace by wheelofboredom / slack, emojis / 2 min read

? Tutorials

• 0DE5: Keep learning forever. by Kay Lack / engineering / 2 min read
• How to code-sign and notarize an Electron application for macOS: Important step to not get blocked by Apple. by Farhan CK / electron, macos / 8 min read
• Make creative borders with background-clip border-area: How’d you like to use CSS to easily create a border from an image or gradient? by Jen Simmons / css / 13 min read

? Videos

• How writing just one import the wrong way slows down your website: CPH DevFest by François Martin / javascript
• Ambiguous roles and ambiguous problems (practice run for QCon SF 2024): This is a practice run for my portion of my joint talk with Dan Fike at QCon by Will Larson / engineering

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 #61. For more information, please follow other related articles on the PHP Chinese website!