--- title: How to Defend Your JavaScript App Against Unsafe Data... description: TypeScript's compile-time type checking doesn't protect against runtime data mismatches from APIs, local storage, or third-party sources. Four lightweight... canonical: https://daily.dev/posts/how-to-defend-your-javascript-app-against-unsafe-data-with-typescript-guard-utilities-cuooqjnij twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to Defend Your JavaScript App Against Unsafe Data with TypeScript Guard Utilities | daily.dev og:description: TypeScript's compile-time type checking doesn't protect against runtime data mismatches from APIs, local storage, or third-party sources. Four lightweight... og:url: https://daily.dev/posts/how-to-defend-your-javascript-app-against-unsafe-data-with-typescript-guard-utilities-cuooqjnij og:image: https://api.daily.dev/og/posts/cuooqjnIJ.png og:image:alt: How to Defend Your JavaScript App Against Unsafe Data with TypeScript Guard Utilities og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How to Defend Your JavaScript App Against Unsafe Data with TypeScript Guard Utilities **[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · 14 min read · 5 upvotes · 1 comments ## Summary TypeScript's compile-time type checking doesn't protect against runtime data mismatches from APIs, local storage, or third-party sources. Four lightweight utility functions — safeArray, safeString, safeNumber, and safeObject — validate external data at the boundary before it enters your application. Each accepts unknown, checks the actual runtime type, and returns a safe fallback instead of crashing. The article covers how to implement these utilities, explains why naive approaches like optional chaining fall short, and shows practical usage in React components, React Query, Context providers, Node.js Express routes, and a composable safeData helper. Best practices include normalising at the data boundary (not scattered throughout the codebase), using meaningful fallbacks, and keeping normalisation logic in a dedicated module. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [TypeScript Security From Backend to Browser](https://daily.dev/posts/typescript-security-from-backend-to-browser-o0qrurtty) · JS Dev Space · 0 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#typescript](https://daily.dev/tags/typescript) [View this post on daily.dev](https://daily.dev/posts/how-to-defend-your-javascript-app-against-unsafe-data-with-typescript-guard-utilities-cuooqjnij) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How to Defend Your JavaScript App Against Unsafe Data with TypeScript Guard Utilities","url":"https://daily.dev/posts/how-to-defend-your-javascript-app-against-unsafe-data-with-typescript-guard-utilities-cuooqjnij","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-defend-your-javascript-app-against-unsafe-data-with-typescript-guard-utilities-cuooqjnij"},"datePublished":"2026-07-02T00:06:53.433Z","dateModified":"2026-07-02T00:07:22.163Z","description":"TypeScript's compile-time type checking doesn't protect against runtime data mismatches from APIs, local storage, or third-party sources. Four lightweight...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b1e3b0baecf4d8b4a0fdef85977fe5ac?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b1e3b0baecf4d8b4a0fdef85977fe5ac?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"freeCodeCamp","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"freeCodeCamp","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp","url":"https://daily.dev/sources/freecodecamp"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/how-to-defend-your-javascript-app-against-unsafe-data-with-typescript-guard-utilities-cuooqjnij","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"javascript,react,typescript","timeRequired":"PT14M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"How to Defend Your JavaScript App Against Unsafe Data with TypeScript Guard Utilities"}]} ```