--- title: Building an AI-Powered Note-Taking App in React Native — Pa… description: Part 4 of a series on building an AI-powered note-taking app in React Native adds on-device automatic speech recognition (ASR) using React Native ExecuTorch... canonical: https://daily.dev/posts/building-an-ai-powered-note-taking-app-in-react-native-pa--vwjdveyff twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Building an AI-Powered Note-Taking App in React Native — Pa… | daily.dev og:description: Part 4 of a series on building an AI-powered note-taking app in React Native adds on-device automatic speech recognition (ASR) using React Native ExecuTorch... og:url: https://daily.dev/posts/building-an-ai-powered-note-taking-app-in-react-native-pa--vwjdveyff og:image: https://api.daily.dev/og/posts/VWJDveyfF.png og:image:alt: Building an AI-Powered Note-Taking App in React Native — Pa… 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. # Building an AI-Powered Note-Taking App in React Native — Pa… **[Software Mansion](https://daily.dev/sources/swmansion)** · 4 min read · 0 upvotes · 0 comments ## Summary Part 4 of a series on building an AI-powered note-taking app in React Native adds on-device automatic speech recognition (ASR) using React Native ExecuTorch and the Whisper Tiny EN model. The tutorial covers configuring microphone permissions, initializing the SpeechToTextModule with streaming audio capture via React Native Audio API, and handling start/stop transcription with real-time committed and non-committed text updates. The result is a fully private, offline, low-latency voice input feature with no API costs. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [How to Build a Voice-Powered AI Application with the Web Speech API](https://daily.dev/posts/how-to-build-a-voice-powered-ai-application-with-the-web-speech-api-yfegf9dex) · freeCodeCamp · 3 upvotes · 0 comments - [Thinking About Adding AI to your Expo React Native App? Read This First How to Avoid Costly Pitfalls When Building AI Features in React Native](https://daily.dev/posts/thinking-about-adding-ai-to-your-expo-react-native-app-read-this-first-how-to-avoid-costly-pitfalls-dht37kfgh) · The Miners · 0 upvotes · 0 comments - [How to build a real time voice AI agent in the browser](https://daily.dev/posts/how-to-build-a-real-time-voice-ai-agent-in-the-browser-649co561i) · LogRocket · 3 upvotes · 0 comments --- Tags: [#react-native](https://daily.dev/tags/react-native), [#local-ai](https://daily.dev/tags/local-ai), [#speech-recognition](https://daily.dev/tags/speech-recognition), [#whisper](https://daily.dev/tags/whisper) [View this post on daily.dev](https://daily.dev/posts/building-an-ai-powered-note-taking-app-in-react-native-pa--vwjdveyff) ```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":"Building an AI-Powered Note-Taking App in React Native — Pa…","url":"https://daily.dev/posts/building-an-ai-powered-note-taking-app-in-react-native-pa--vwjdveyff","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/building-an-ai-powered-note-taking-app-in-react-native-pa--vwjdveyff"},"datePublished":"2026-08-02T07:15:36.717Z","dateModified":"2026-08-02T07:41:10.692Z","description":"Part 4 of a series on building an AI-powered note-taking app in React Native adds on-device automatic speech recognition (ASR) using React Native ExecuTorch...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5c1efa9bf7ad15da87c2ce7155e830c5?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5c1efa9bf7ad15da87c2ce7155e830c5?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Software Mansion","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":"Software Mansion","logo":"https://media.daily.dev/image/upload/s--sOx0vaVZ--/f_auto,q_auto/v1785654908/logos/swmansion?_a=BAMAMicg0","url":"https://daily.dev/sources/swmansion"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/building-an-ai-powered-note-taking-app-in-react-native-pa--vwjdveyff","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react-native,local-ai,speech-recognition,whisper","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Software Mansion","item":"https://daily.dev/sources/swmansion"},{"@type":"ListItem","position":3,"name":"Building an AI-Powered Note-Taking App in React Native — Pa…"}]} ```