{"id":747,"date":"2024-07-01T09:37:12","date_gmt":"2024-07-01T09:37:12","guid":{"rendered":"https:\/\/blog.200oksolutions.com\/?p=747"},"modified":"2025-12-04T07:44:08","modified_gmt":"2025-12-04T07:44:08","slug":"stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps","status":"publish","type":"post","link":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/","title":{"rendered":"A Guide to Offline Mode in React Native Apps"},"content":{"rendered":"\n<p>In today\u2019s mobile-first world, reliable internet access is a constant expectation. But what happens when you encounter a dead zone or limited connectivity? Thankfully, many mobile applications offer an offline mode, allowing you to keep using core functionalities even without a signal. This article dives into the concept of offline mode in React Native apps, exploring its benefits, functionalities, and how to implement it using popular libraries<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Embrace Offline Mode?<\/h2>\n\n\n\n<p><strong>Uninterrupted Functionality<\/strong>: Keep working, viewing content, or performing essential tasks without relying on a constant internet connection. This is especially crucial for business applications where even brief outages can disrupt workflows.<br><br><strong>Enhanced User Experience<\/strong>: Frustration mounts when apps become unusable offline. Offline mode fosters a seamless user experience regardless of connectivity, leading to higher user satisfaction and engagement<br><br>.<strong>Increased Accessibility<\/strong>: Catering to users in areas with limited or no internet access promotes inclusivity. By enabling core functionalities offline, you reach a wider audience and broaden your app\u2019s potential impact.<br><br><strong>Reliability in Various Environments<\/strong>: Ensures app functionality in urban settings with spotty Wi-Fi or during international travel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Does Offline Mode Work in React Native?<\/h2>\n\n\n\n<p>React Native apps leverage local storage to empower offline functionality. This involves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Data Pre-loading<\/strong>: Essential data like downloaded files, synced documents, or user preferences are stored locally on the user\u2019s device beforehand. This ensures users have the necessary information readily available when offline.<\/li>\n\n\n\n<li><strong>Background Operations<\/strong>: Certain actions, like uploading documents or syncing data, can be initiated while offline and queued for completion when an internet connection resumes. This allows users to continue working seamlessly and eliminates the need to wait for uploads or syncs to finish.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Key Features of Offline Mode in React Native Apps<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Local Data Storage<\/strong>: Store user location data, downloaded files (images, videos), or offline document selections for later use. This provides users with access to critical information and content even when offline.<\/li>\n\n\n\n<li><strong>Background Uploads<\/strong>: Schedule document uploads or other tasks to occur when a network connection becomes available. This ensures data is transferred efficiently without interrupting the user\u2019s workflow.<\/li>\n\n\n\n<li><strong>Redux and Redux Persist<\/strong>: Effectively manage application state and persist data across sessions using these popular libraries. This allows the app to maintain its state and user preferences even after being closed or used offline.<\/li>\n\n\n\n<li><strong>Service Workers<\/strong>: Use service workers for caching and syncing to enhance offline capabilities.<\/li>\n\n\n\n<li><strong>Handling User Notifications<\/strong>: Implement user notifications and prompts to inform about connectivity changes and offline status.<br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img fetchpriority=\"high\" decoding=\"async\" width=\"827\" height=\"559\" src=\"https:\/\/blog.200oksolutions.com\/wp-content\/uploads\/2024\/07\/1-1.png\" alt=\"A black and white diagram illustrating a Redux system with reducers and screens. The diagram shows a Redux system with several reducers, including a pending reducer, an error reducer, and a completed reducer. Arrows connect the reducers to pending, error, and completed screens, respectively.\" class=\"wp-image-755\" style=\"border-width:2px\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/1-1.png 827w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/1-1-300x203.png 300w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/1-1-768x519.png 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Building a Robust Offline Mode with React Native Libraries<\/h2>\n\n\n\n<p>Here are some powerful tools to enhance your React Native app&#8217;s offline capabilities:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>react-native-document-picker<\/strong>: Simplifies document selection from the user\u2019s device, enabling features like offline document editing and upload queuing.<\/li>\n\n\n\n<li><strong>react-native-background-upload<\/strong>: Enables background uploads for seamless data transfer even when offline, improving efficiency and user experience.<\/li>\n\n\n\n<li><strong>react-native-event-listeners<\/strong>: Provides efficient event management for offline scenarios, ensuring essential actions are triggered even without an internet connection.<\/li>\n\n\n\n<li><strong>react-native-mmkv-storage<\/strong>: Offers a high-performance local storage solution for storing critical data and user preferences offline.<\/li>\n\n\n\n<li><strong>redux<\/strong>: Manages your app\u2019s global state in a predictable and maintainable way, simplifying data handling and state management across different functionalities.<\/li>\n\n\n\n<li><strong>redux-persist<\/strong>: Persists Redux store data across app sessions, ensuring crucial information remains accessible offline, even after the app is restarted.<\/li>\n\n\n\n<li><strong>WatermelonDB<\/strong>: An optimized database for complex data management offline.<\/li>\n\n\n\n<li><strong>React Native Reanimated<\/strong>: Provides powerful animations and gesture handling.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Implementing Offline Functionality: A Sample Workflow<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" width=\"540\" height=\"581\" src=\"https:\/\/blog.200oksolutions.com\/wp-content\/uploads\/2024\/07\/2-1.png\" alt=\"A flowchart depicting a document upload process with error handling. The flowchart starts with a selection box for documents. Arrows lead from the selection box to a &quot;Pending Reducer&quot; box. Another arrow leads from the selection box to an &quot;Error Reducer&quot; box. An arrow branches from the &quot;Pending Reducer&quot; to an &quot;Upload&quot; process\" class=\"wp-image-754\" style=\"border-width:2px;width:970px;height:auto\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/2-1.png 540w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/2-1-279x300.png 279w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<p>This simplified example showcases a document upload process with offline capabilities:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Pending Screen<\/strong>: Users select documents for upload. These selections are stored in the \u201cPending\u201d state using Redux.<\/li>\n\n\n\n<li><strong>Upload Initiation<\/strong>: The app utilizes react-native-background-upload to initiate document uploads, even in offline mode.<\/li>\n\n\n\n<li><strong>Error Handling<\/strong>: If upload errors occur, documents are moved from the \u201cPending\u201d state to an \u201cError\u201d state for later retry. This ensures data integrity and allows users to address any upload issues.<\/li>\n\n\n\n<li><strong>Successful Uploads<\/strong>: Upon successful uploads, documents transition from \u201cPending\u201d to \u201cCompleted\u201d within the Redux store. This provides users with confirmation and feedback on the upload process.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-large-font-size\">Conclusion<\/p>\n\n\n\n<p>Offline mode empowers React Native apps to deliver a superior user experience by ensuring core functionalities remain usable even in the absence of an internet connection. By incorporating these valuable concepts and leveraging the recommended libraries, you can create robust and user-friendly mobile applications that thrive in any connectivity environment.<\/p>\n\n\n\n<p>You can check out the full source code here: <a href=\"https:\/\/github.com\/HiteshM200ok\/React-Native-Offline\">React-Native-Offline<\/a> For information on Remote And Local Notification in React-Native (iOS), check out: <a href=\"https:\/\/blog.200oksolutions.com\/remote-and-local-notification-react-native-ios\/\">Remote And Local Notification React-Native (iOS)<\/a><\/p>\n\n\n\n<p><strong>Learn More:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.npmjs.com\/package\/react-native-background-upload\">react-native-background-upload<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.npmjs.com\/package\/react-native-document-picker\/v\/8.2.1\">react-native-document-picker<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/redux-toolkit.js.org\/introduction\/getting-started\">redux<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.npmjs.com\/package\/redux-persist\">redux-persist<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.npmjs.com\/package\/react-native-mmkv-storage\">react-native-mmkv-storage<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In today\u2019s mobile-first world, reliable internet access is a constant expectation. But what happens when you encounter&hellip;<\/p>\n","protected":false},"author":5,"featured_media":762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,47],"tags":[126,92,14,48],"class_list":["post-747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-react-native","tag-a-guide-to-offline-mode-in-react-native-apps","tag-mobile-app-development","tag-react-native","tag-react-native-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A Guide to Offline Mode in React Native Apps Web Development, Software, and App Blog | 200OK Solutions<\/title>\n<meta name=\"description\" content=\"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Guide to Offline Mode in React Native Apps Web Development, Software, and App Blog | 200OK Solutions\" \/>\n<meta property=\"og:description\" content=\"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development, Software, and App Blog | 200OK Solutions\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-01T09:37:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T07:44:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/guide-to-offline-mode-in-react-native-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2269\" \/>\n\t<meta property=\"og:image:height\" content=\"1316\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Piyush Solanki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Piyush Solanki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Guide to Offline Mode in React Native Apps Web Development, Software, and App Blog | 200OK Solutions","description":"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/","og_locale":"en_US","og_type":"article","og_title":"A Guide to Offline Mode in React Native Apps Web Development, Software, and App Blog | 200OK Solutions","og_description":"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.","og_url":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/","og_site_name":"Web Development, Software, and App Blog | 200OK Solutions","article_published_time":"2024-07-01T09:37:12+00:00","article_modified_time":"2025-12-04T07:44:08+00:00","og_image":[{"width":2269,"height":1316,"url":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/guide-to-offline-mode-in-react-native-1.jpg","type":"image\/jpeg"}],"author":"Piyush Solanki","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Piyush Solanki","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#article","isPartOf":{"@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/"},"author":{"name":"Piyush Solanki","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/e07f6b8e3c9a90ce7b3b09427d26155e"},"headline":"A Guide to Offline Mode in React Native Apps","datePublished":"2024-07-01T09:37:12+00:00","dateModified":"2025-12-04T07:44:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/"},"wordCount":757,"commentCount":0,"publisher":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/guide-to-offline-mode-in-react-native-1.jpg","keywords":["A Guide to Offline Mode in React Native Apps","Mobile App Development","react native","react native development"],"articleSection":["Mobile","React Native"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/","url":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/","name":"A Guide to Offline Mode in React Native Apps Web Development, Software, and App Blog | 200OK Solutions","isPartOf":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/guide-to-offline-mode-in-react-native-1.jpg","datePublished":"2024-07-01T09:37:12+00:00","dateModified":"2025-12-04T07:44:08+00:00","description":"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.","breadcrumb":{"@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#primaryimage","url":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/guide-to-offline-mode-in-react-native-1.jpg","contentUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/07\/guide-to-offline-mode-in-react-native-1.jpg","width":2269,"height":1316,"caption":"A Guide to Offline Mode in React-Native."},{"@type":"BreadcrumbList","@id":"https:\/\/www.200oksolutions.com\/blog\/stay-productive-without-connectivity-a-guide-to-offline-mode-in-react-native-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.200oksolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"A Guide to Offline Mode in React Native Apps"}]},{"@type":"WebSite","@id":"https:\/\/www.200oksolutions.com\/blog\/#website","url":"https:\/\/www.200oksolutions.com\/blog\/","name":"Web Development, Software, and App Blog | 200OK Solutions","description":"","publisher":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.200oksolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.200oksolutions.com\/blog\/#organization","name":"Web Development Blog | Software Blog | App Blog","url":"https:\/\/www.200oksolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2025\/09\/200ok_logo-CGzMrWDu.png","contentUrl":"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2025\/09\/200ok_logo-CGzMrWDu.png","width":500,"height":191,"caption":"Web Development Blog | Software Blog | App Blog"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/200ok_solutions\/"]},{"@type":"Person","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/e07f6b8e3c9a90ce7b3b09427d26155e","name":"Piyush Solanki","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/962a2b0b4db856e6851ec7d838597a0395adcaae9c0091d223de9942a4254461?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/962a2b0b4db856e6851ec7d838597a0395adcaae9c0091d223de9942a4254461?s=96&d=mm&r=g","caption":"Piyush Solanki"},"description":"Piyush is a seasoned PHP Tech Lead with 10+ years of experience architecting and delivering scalable web and mobile backend solutions for global brands and fast-growing SMEs. He specializes in PHP, MySQL, CodeIgniter, WordPress, and custom API development, helping businesses modernize legacy systems and launch secure, high-performance digital products. He collaborates closely with mobile teams building Android &amp; iOS apps , developing RESTful APIs, cloud integrations, and secure payment systems using platforms like Stripe, AWS S3, and OTP\/SMS gateways. His work extends across CMS customization, microservices-ready backend architectures, and smooth product deployments across Linux and cloud-based environments. Piyush also has a strong understanding of modern front-end technologies such as React and TypeScript, enabling him to contribute to full-stack development workflows and advanced admin panels. With a successful delivery track record in the UK market and experience building digital products for sectors like finance, hospitality, retail, consulting, and food services, Piyush is passionate about helping SMEs scale technology teams, improve operational efficiency, and accelerate innovation through backend excellence and digital tools.","url":"https:\/\/www.200oksolutions.com\/blog\/author\/piyush\/"}]}},"_links":{"self":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":9,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":887,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/747\/revisions\/887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/media\/762"}],"wp:attachment":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}