Dev team reuses existing cache to power plugin-update badge, avoiding duplicate state

·1 views

A development team building a site management dashboard was asked to display pending plugin update counts as a badge on each site's plugins button in the site list. Rather than creating a new API endpoint and separate cache, the team reused an existing localStorage-backed state object called _updatesDashState, which already stored per-site plugin data from the cross-site updates dashboard. The badge logic simply looks up a site by its ID and reads the length of its plugins array, meaning no additional data synchronization is required. The team also chose to hide the badge entirely for sites with zero updates or unchecked status, reducing visual noise and preserving a meaningful distinction between 'no updates' and 'not yet checked'. Counts above 99 are displayed as '99+' to maintain consistent badge width, following a convention familiar from platforms like GitHub.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Kotro Proxy Engine Aims to Cut AI Coding Costs With Local Token Optimization

As AI coding assistants like Cursor and Devin become standard developer tools, engineers and CTOs are reporting runaway cloud API costs driven by long sessions, large codebases, and repetitive error loops. Kotro is an open-source, Rust-based sidecar tool designed to sit between a developer's IDE and LLM providers, intercepting and optimizing outgoing AI traffic locally. Its key features include a circuit breaker that halts infinite retry loops, an intelligent router that redirects simple prompts to free local models instead of paid cloud APIs, and AST-aware code pruning that strips irrelevant context before sending requests upstream. The tool also embeds a vector-based semantic cache to match near-duplicate prompts without additional API calls. Kotro's developers claim these combined optimizations can reduce token consumption by up to 50–60%, lowering costs without requiring manual workflow changes.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

PostureGuard: Open-Source Tool Uses MediaPipe and Electron to Detect Bad Posture

A developer tutorial on DEV Community introduces PostureGuard, a real-time desktop posture monitoring application built with MediaPipe, OpenCV, Electron, and Vue.js. The tool uses a webcam to track key body landmarks — specifically the ear, shoulder, and nose — and calculates head tilt angles to detect forward head posture, commonly called 'tech neck.' A Python-based vision engine runs pose estimation on a standard CPU using MediaPipe's lightweight BlazePose model, making it accessible without dedicated GPU hardware. The vision engine communicates with the Electron frontend via a WebSocket bridge, triggering on-screen alerts when the user's head tilt exceeds a 25-degree threshold. The project is aimed at developers seeking a lightweight, background utility to improve posture during long computing sessions.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Why Strong Coding Skills Alone Won't Land You Freelance Clients

A developer-focused guide argues that technical proficiency and freelance marketability are fundamentally different skill sets, with the latter rarely taught in formal training. The core advice is to reframe self-introductions around specific client problems rather than listing technologies, since business owners pay to have problems solved, not for elegant code. Instead of starting on competitive platforms like Upwork with no reviews, new freelancers are urged to tap existing networks with targeted asks and approach local businesses whose site issues are already visible. Trust, not technical ability, is identified as the primary barrier clients face when hiring a freelancer. The guide also outlines a structured pricing method that includes a 30–50% time buffer and delays quoting until project scope is clearly defined.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer publishes free Spanish study notes for GitHub Agentic AI Developer certification

A developer named Matías Beltramone created comprehensive Spanish-language study notes for the GH-600 (GitHub Certified: Agentic AI Developer) certification after finding official Microsoft Learn materials insufficient, estimating they cover only 35–45% of the actual exam content. The self-made notes span all six exam domains, including agent architecture, tool permissions, memory management, evaluation, multi-agent orchestration, and guardrails. Each domain section includes dense theory, real code examples, and a hands-on lab, designed to be self-contained without requiring additional sources. Beltramone used Claude as a research and editing assistant to verify concepts and improve clarity, while drawing exam-specific content from official sources. The complete notes are available for free on his blog and GitHub repository.

0 comments Read more at DEV Community