How Munchable Solved Design Token Drift Across App, Reels, and Marketing Site

·5 views

Munchable, a product with surfaces spanning an Expo app, Next.js marketing site, and Remotion social reels, faced a recurring problem where hand-copied design tokens drifted out of sync across platforms. A change to a colour or label in the app would leave the video reels rendering outdated values, with no type error to flag the mismatch. To fix this, the platform-agnostic tokens — including colours with contrast ratios, spacing, radius scales, and verdict labels — were moved into a shared workspace package consumed by both the app and the reels. Each consumer then adds only its platform-specific needs, such as React Native font names for the app or CSS font stacks for the reels. The marketing site was deliberately excluded from the package because its design intentionally differs, using larger corner radii suited to a landing page rather than a compact mobile UI.

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)

How to Reverse-Engineer a Competitor's Android App for SDKs and Ad Networks

Developers and analysts can identify the SDKs, ad networks, and API endpoints used by any competitor's Android app using only free tools like apktool and jadx, without needing a rooted device. The process begins by downloading the APK from a trusted mirror and treating it as a ZIP file to extract the Android manifest, which reveals permissions, declared services, and attribution SDK identifiers. Decompiling the APK then allows targeted searches for known ad network and analytics class names, such as AdMob, AppLovin, Meta Audience Network, and AppsFlyer. Analysts are cautioned that finding an SDK class name only confirms it is bundled, not necessarily active, so checking for initialization calls and mediation adapter configurations is essential. A final grep pass on resource files and decompiled code can surface hardcoded API endpoints, potentially exposing backend infrastructure details the app developer may not have intended to make visible.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How GoodBarber Navigated MCP Server Directories: A Week-Long Submission Audit

Between September 7 and 14, 2026, the engineering team at GoodBarber documented their experience submitting a hosted, OAuth-authenticated MCP server across multiple AI tool directories. The official MCP Registry accepted their server without requiring public source code, and downstream aggregator Glama automatically imported and verified their listing within days. MCP.Directory proved problematic, as its submission form required a public GitHub repository — something GoodBarber's closed-source hosted server could not provide — leaving their listing absent from the site's sitemap six days later. The list awesome-remote-mcp-servers was purpose-built for hosted servers and accepted their pull request the same morning it was submitted, with automated endpoint validation confirming the server's authentication response. The team concluded that having an entry in the official MCP Registry first simplified downstream discovery, providing importers a stable identity rather than requiring each directory to reconstruct product details independently.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer Shares CSS Basics for Building Responsive Navigation Bars

A web development learner shared a practical breakdown of core CSS properties used to build and style navigation bars. The session covered flexbox layout, removing default bullet points and link underlines, and adding uniform spacing between navigation items. The developer also explored how display: none and display: block control element visibility, a technique commonly used in responsive mobile menus. Hover effects using the :hover selector were practiced to create dynamic color changes on interactive elements. The exercise was framed as a step toward building a stronger frontend development foundation.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Linear Regression Explained: Types, Equations, and Evaluation Metrics

Linear regression is a statistical method used to predict the value of a dependent variable based on one or more independent variables. It comes in two forms: Simple Linear Regression, which uses one independent variable to predict an outcome, and Multiple Linear Regression, which uses several. Key evaluation metrics help assess how well a model performs on given data. R-squared, ranging from 0 to 1, measures the proportion of variance in the dependent variable explained by the independent variables. Root Mean Squared Error (RMSE) quantifies average prediction error, with lower values indicating a better-fitting model.

0 comments Read more at DEV Community