From 50b5fcdbfb97f9fbc9ce46873e7e06c12a3508c2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 1 Dec 2025 12:25:35 +0100 Subject: [PATCH] chore: sync content to repo (#9422) Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com> --- .../activityindicator@hHFR59RrdMIWxcQe72qCs.md | 2 +- .../animations@3NLcPO-hqQV1EacoPLVrv.md | 2 +- .../content/appium@spTzJMS7cE0cNa7tVQhVQ.md | 2 +- .../apple-app-store@1s9Y1dUtjpW9pu74ipX99.md | 2 +- .../authentication@LRBHwYiT0Yyi18PwR49rc.md | 8 ++++---- .../content/button@kkH9H9Qh1FD7sLItoWw69.md | 2 +- ...on-problem-sources@afwB90L-q2hIwrA0LtWbG.md | 2 +- .../components@k9_hVOBd9ZmC4HLuAf46v.md | 2 +- ...onnectivity-status@k7uVPyhbPgvO6HxAfxxYZ.md | 2 +- .../core-components@fnujIq6QAFB6bmTisuZ3T.md | 14 +++++++------- .../css-basics@SnF3xtzBh-x4Z_qUQUg7H.md | 2 +- .../deeplinking@dckRzKDKj-mLB3-OxwjPh.md | 10 +++++++++- .../content/detox@3m7ANLJvtx3zie4y86MNU.md | 2 +- ...velopment-workflow@T4AhL9Zls2iNZMituGdtl.md | 4 ++-- .../content/devtools@HHx3VSfV7xf6RqACrxjBf.md | 2 +- ...bling-fast-refresh@wWwaEdnvBsvj6jD9LJ4Jj.md | 2 +- .../environment-setup@lNmddXrT8IHVtWobh3-oq.md | 8 +++++--- .../expo-file-system@9pvrXH5Drdsa1cr93UBdc.md | 2 +- .../expo-secure-store@JgBfwmOgcVi_a96L5NGwr.md | 2 +- .../expo-sqlite@oK8z23a_CjcDjBJ843_Jn.md | 2 +- .../content/expo@yW7nDDJbjmm8XKJI0hq3Q.md | 4 ++-- .../content/fetch@f7KFPFS2-EA90pumYHM9T.md | 4 ++-- .../file-extensions@LLANnVosxOUCPTtuBfNgu.md | 2 +- .../content/flatlist@CYqLNGyOe9f9hVhbyUnTX.md | 2 +- .../for-android@wMxTB8WgU6e-oYMtQFCDY.md | 2 +- .../content/for-ios@b-1-JcwLSGMyH3gXS59lY.md | 2 +- .../gesture-handling@xf7L5J42yQq3LE7lG2plp.md | 2 +- .../google-play-store@D8T9cZ5zKi_KZDr9tDpCf.md | 2 +- .../content/image@E7N8tSg2amZW-vc-X46JU.md | 2 +- .../imagebackground@GFGhnx5xUer2DdRI-SO4D.md | 2 +- ...app-developer-menu@tOt_vvmnBtOUbgokmVa5P.md | 6 +++--- .../interactions@GYdz9a1yLiewAeMRSyfLr.md | 2 +- .../introduction@JfXwzkN29UGz17FYHHE3A.md | 2 +- .../javascript-basics@1oUJXtHGQ29ZZU9sxwGo2.md | 2 +- .../content/jest@06gsRokwjxVa2xyLY4qAb.md | 2 +- .../content/jsx@s5YKenJY2Xv_PZBSxegEm.md | 2 +- ...yboardavoidingview@8bn1PFd9h0ek6_T-cl1cS.md | 2 +- ...the-pre-requisites@cSXsu17F1Oy34Wp6J-N3C.md | 2 +- .../content/logbox@Tz-bRjQVkZedphelhAlWM.md | 2 +- .../metro-bundler@VhSEH_RoWFt1z2lial7xZ.md | 2 +- .../content/modal@V34mZCkpoT49o-74XoATS.md | 2 +- .../networking@7GBV5sfOaGxHwpkNUvFWE.md | 11 +++++------ .../networking@ee4QqFTosXNcTgoQIok8i.md | 8 ++++---- ...ng-flatlist-config@PyPjHnKIWpnFHal8RuSmX.md | 18 +++++++++--------- .../performance@NIJzKzWlsciAjxUpm4K2v.md | 2 +- .../platform-module@KZIrRSYq_I-YzpFaYLuWi.md | 2 +- .../content/props@0gH7vI_Hy7s9hO2TF6hR3.md | 2 +- .../publishing-apps@4U-HZQGH7kaWCB94Xy8Mh.md | 2 +- ...push-notifications@CAQJaGs24wx1SqKOU44aB.md | 11 ++++++++++- ...ative-alternatives@ODQ8zrHc2rsc8PN-APKvz.md | 2 +- ...tive-async-storage@WsJGiMjHSQ6MpPd5wuP9h.md | 2 +- .../react-native-cli@bxWLf0RDAl9Zaczkon9Rl.md | 2 +- ...ve-testing-library@-b4LfjCjkSZ6ZsSv3eFm6.md | 2 +- .../react-native-web@UQpyXrC2cs_jDXxVTlQOu.md | 2 +- ...eact-test-renderer@81tmis0km2h1zsjS2HsP5.md | 2 +- .../refreshcontrol@m8Nu71Y61Ha_fLxdtWTkn.md | 2 +- .../safeareaview@UqCpoPzYio3ng3RFlbvZ7.md | 2 +- .../screen-navigation@Jr2iuQqyCbx6CyTJj4Qz2.md | 2 +- .../scrollview@yN283SRWoALOEZh9iTn-L.md | 2 +- .../sectionlist@gLJMD9X7chy8OxdALht8g.md | 2 +- .../content/security@CGtVwhVGc8Vea5RfzJvQG.md | 2 +- .../sourcemaps@Dq490IqEJXoFZRnBFJI8N.md | 12 ++++++------ .../content/storage@NdjmP1bZNYriV08vb-iRw.md | 10 +++++----- .../content/storage@w0WW1kg_0BEMeLa1l2gb5.md | 2 +- .../content/text@OFhyYyxtrCBy_UUb5YBv5.md | 2 +- .../touchables@A7ZIe8nlQnHU5g3LM3Eif.md | 2 +- ...rstand-frame-rates@1U3AiCDWEVEKsofWtqavi.md | 2 +- ...ing-native-modules@0BMpZDc-1rSvETwX82zON.md | 2 +- .../websockets@aSCgax1M4wlmzkJSZV_fv.md | 2 +- ...at-is-react-native@cMfsRtvzvDZZJ0TqeUOxm.md | 2 +- ...y-use-react-native@2rlmLn_yQQV-7DpX1qT98.md | 2 +- ...form-specific-code@HiUbRfOv8OttFd85pDUHN.md | 2 +- 72 files changed, 131 insertions(+), 113 deletions(-) diff --git a/src/data/roadmaps/react-native/content/activityindicator@hHFR59RrdMIWxcQe72qCs.md b/src/data/roadmaps/react-native/content/activityindicator@hHFR59RrdMIWxcQe72qCs.md index e03d42da8..6ff88f040 100644 --- a/src/data/roadmaps/react-native/content/activityindicator@hHFR59RrdMIWxcQe72qCs.md +++ b/src/data/roadmaps/react-native/content/activityindicator@hHFR59RrdMIWxcQe72qCs.md @@ -4,4 +4,4 @@ The `ActivityIndicator` is a core component in React Native that provides a simp Visit the following resources to learn more: -- [@official@Activity Indicator](https://reactnative.dev/docs/activityindicator) +- [@official@Activity Indicator](https://reactnative.dev/docs/activityindicator) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/animations@3NLcPO-hqQV1EacoPLVrv.md b/src/data/roadmaps/react-native/content/animations@3NLcPO-hqQV1EacoPLVrv.md index 2bf6a272a..1efcde1f3 100644 --- a/src/data/roadmaps/react-native/content/animations@3NLcPO-hqQV1EacoPLVrv.md +++ b/src/data/roadmaps/react-native/content/animations@3NLcPO-hqQV1EacoPLVrv.md @@ -10,4 +10,4 @@ Visit the following resources to learn more: - [@official@Animations](https://reactnative.dev/docs/animations) - [@official@LayoutAnimations](https://reactnative.dev/docs/layoutanimation) -- [@official@Animated](https://reactnative.dev/docs/animated) +- [@official@Animated](https://reactnative.dev/docs/animated) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/appium@spTzJMS7cE0cNa7tVQhVQ.md b/src/data/roadmaps/react-native/content/appium@spTzJMS7cE0cNa7tVQhVQ.md index d7e623752..73dc07c9e 100644 --- a/src/data/roadmaps/react-native/content/appium@spTzJMS7cE0cNa7tVQhVQ.md +++ b/src/data/roadmaps/react-native/content/appium@spTzJMS7cE0cNa7tVQhVQ.md @@ -2,6 +2,6 @@ Appium is an open-source test automation framework for mobile devices, targeting native, hybrid, or mobile-web apps for iOS, Android, and Windows platforms. Appium works with multiple programming languages, including JavaScript, Ruby, Python, Java, and C#. Appium uses the WebDriver protocol, which allows you to write tests that can interact with your app through a series of commands. The WebDriver protocol interprets these commands into actions that are then performed on the app. -Learn more from the following resources: +Visit the following resources to learn more: - [@official@Appium Documentation](https://appium.io/docs/en/latest/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/apple-app-store@1s9Y1dUtjpW9pu74ipX99.md b/src/data/roadmaps/react-native/content/apple-app-store@1s9Y1dUtjpW9pu74ipX99.md index b9782c889..ab59b28c2 100644 --- a/src/data/roadmaps/react-native/content/apple-app-store@1s9Y1dUtjpW9pu74ipX99.md +++ b/src/data/roadmaps/react-native/content/apple-app-store@1s9Y1dUtjpW9pu74ipX99.md @@ -5,4 +5,4 @@ The App Store is Apple's official platform for distributing iOS apps to users wi Visit the following resources to learn more: - [@official@Publishing to Apple App Store](https://reactnative.dev/docs/publishing-to-app-store) -- [@feed@Explore top posts about App Store](https://app.daily.dev/tags/app-store?ref=roadmapsh) +- [@feed@Explore top posts about App Store](https://app.daily.dev/tags/app-store?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/authentication@LRBHwYiT0Yyi18PwR49rc.md b/src/data/roadmaps/react-native/content/authentication@LRBHwYiT0Yyi18PwR49rc.md index 63234ae1c..a47286c70 100644 --- a/src/data/roadmaps/react-native/content/authentication@LRBHwYiT0Yyi18PwR49rc.md +++ b/src/data/roadmaps/react-native/content/authentication@LRBHwYiT0Yyi18PwR49rc.md @@ -2,11 +2,11 @@ Authentication is a crucial aspect of securing your React Native application. It enables you to verify the identity of users and give access to protected resources and features. Here are the common methods used for authentication in React Native: -- JWT Authentication -- OAuth -- Simple Token Authentication +* JWT Authentication +* OAuth +* Simple Token Authentication Visit the following resources to learn more: - [@official@Authentication and Deep Linking](https://reactnative.dev/docs/security#authentication-and-deep-linking) -- [@feed@Explore top posts about Authentication](https://app.daily.dev/tags/authentication?ref=roadmapsh) +- [@feed@Explore top posts about Authentication](https://app.daily.dev/tags/authentication?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/button@kkH9H9Qh1FD7sLItoWw69.md b/src/data/roadmaps/react-native/content/button@kkH9H9Qh1FD7sLItoWw69.md index 261d9c73b..15b204dd6 100644 --- a/src/data/roadmaps/react-native/content/button@kkH9H9Qh1FD7sLItoWw69.md +++ b/src/data/roadmaps/react-native/content/button@kkH9H9Qh1FD7sLItoWw69.md @@ -4,4 +4,4 @@ A `Button` is a built-in React Native component used to create clickable buttons Visit the following resources to learn more: -- [@official@Button](https://reactnative.dev/docs/button) +- [@official@Button](https://reactnative.dev/docs/button) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/common-problem-sources@afwB90L-q2hIwrA0LtWbG.md b/src/data/roadmaps/react-native/content/common-problem-sources@afwB90L-q2hIwrA0LtWbG.md index e157e523a..5cfb9b3dd 100644 --- a/src/data/roadmaps/react-native/content/common-problem-sources@afwB90L-q2hIwrA0LtWbG.md +++ b/src/data/roadmaps/react-native/content/common-problem-sources@afwB90L-q2hIwrA0LtWbG.md @@ -4,4 +4,4 @@ In React Native, several common issues can impact application performance. Exces Visit the following resources to learn more: -- [@official@Performance Problems](https://reactnative.dev/docs/performance#common-sources-of-performance-problems) +- [@official@Performance Problems](https://reactnative.dev/docs/performance#common-sources-of-performance-problems) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/components@k9_hVOBd9ZmC4HLuAf46v.md b/src/data/roadmaps/react-native/content/components@k9_hVOBd9ZmC4HLuAf46v.md index 568c1b32d..c83815ca1 100644 --- a/src/data/roadmaps/react-native/content/components@k9_hVOBd9ZmC4HLuAf46v.md +++ b/src/data/roadmaps/react-native/content/components@k9_hVOBd9ZmC4HLuAf46v.md @@ -5,4 +5,4 @@ React components are the building blocks of the user interface (UI) in a React a Visit the following resources to learn more: - [@official@Components](https://react.dev/learn/your-first-component) -- [@official@Props](https://react.dev/learn/passing-props-to-a-component) +- [@official@Props](https://react.dev/learn/passing-props-to-a-component) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/connectivity-status@k7uVPyhbPgvO6HxAfxxYZ.md b/src/data/roadmaps/react-native/content/connectivity-status@k7uVPyhbPgvO6HxAfxxYZ.md index 14d8a4ecc..a32569c12 100644 --- a/src/data/roadmaps/react-native/content/connectivity-status@k7uVPyhbPgvO6HxAfxxYZ.md +++ b/src/data/roadmaps/react-native/content/connectivity-status@k7uVPyhbPgvO6HxAfxxYZ.md @@ -4,4 +4,4 @@ Connectivity refers to the mechanisms that allow data transfer between your Reac Visit the following resources to learn more: -- [@article@Managing network connection status in React Native](https://blog.logrocket.com/managing-network-connection-status-in-react-native/) +- [@article@Managing network connection status in React Native](https://blog.logrocket.com/managing-network-connection-status-in-react-native/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/core-components@fnujIq6QAFB6bmTisuZ3T.md b/src/data/roadmaps/react-native/content/core-components@fnujIq6QAFB6bmTisuZ3T.md index fb65faded..38b247778 100644 --- a/src/data/roadmaps/react-native/content/core-components@fnujIq6QAFB6bmTisuZ3T.md +++ b/src/data/roadmaps/react-native/content/core-components@fnujIq6QAFB6bmTisuZ3T.md @@ -2,14 +2,14 @@ Core components are the essential building blocks provided by React Native to create a user interface for mobile applications. They are platform-agnostic, meaning they work across both iOS and Android devices. Some of the common core components include: -- `View` is a fundamental component for constructing the user interface. It is equivalent to a `div` in HTML and can be used as a container for other components. -- `Text` is used to display text content in your app. It is similar to the `p` or `span` elements in HTML. -- `TextInput` is a basic input field that allows users to type text into your app. It is similar to the `input` element in HTML. -- `TouchableOpacity` is a wrapper for making elements like `View` and `Text` respond properly to touch events. It provides feedback by reducing the opacity of the wrapped component when pressed. -- `ScrollView` is a scrollable container that allows users to scroll through its content. It is useful when you have content that exceeds the available screen size. -- `FlatList` is used to render a list of items using a performant approach. It only renders items that are currently visible on the screen and removes others to save memory. +* `View` is a fundamental component for constructing the user interface. It is equivalent to a `div` in HTML and can be used as a container for other components. +* `Text` is used to display text content in your app. It is similar to the `p` or `span` elements in HTML. +* `TextInput` is a basic input field that allows users to type text into your app. It is similar to the `input` element in HTML. +* `TouchableOpacity` is a wrapper for making elements like `View` and `Text` respond properly to touch events. It provides feedback by reducing the opacity of the wrapped component when pressed. +* `ScrollView` is a scrollable container that allows users to scroll through its content. It is useful when you have content that exceeds the available screen size. +* `FlatList` is used to render a list of items using a performant approach. It only renders items that are currently visible on the screen and removes others to save memory. Visit the following resources to learn more: - [@official@Core Components and APIs](https://reactnative.dev/docs/components-and-apis) -- [@official@Core Components and Native Components](https://reactnative.dev/docs/intro-react-native-components) +- [@official@Core Components and Native Components](https://reactnative.dev/docs/intro-react-native-components) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/css-basics@SnF3xtzBh-x4Z_qUQUg7H.md b/src/data/roadmaps/react-native/content/css-basics@SnF3xtzBh-x4Z_qUQUg7H.md index dbee02bc4..d4fd6dd54 100644 --- a/src/data/roadmaps/react-native/content/css-basics@SnF3xtzBh-x4Z_qUQUg7H.md +++ b/src/data/roadmaps/react-native/content/css-basics@SnF3xtzBh-x4Z_qUQUg7H.md @@ -6,4 +6,4 @@ Visit the following resources to learn more: - [@official@CSS - W3.org](https://www.w3.org/Style/CSS/Overview.en.html) - [@official@CSS - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS) -- [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh) +- [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/deeplinking@dckRzKDKj-mLB3-OxwjPh.md b/src/data/roadmaps/react-native/content/deeplinking@dckRzKDKj-mLB3-OxwjPh.md index 75e91541f..cdfacb0dc 100644 --- a/src/data/roadmaps/react-native/content/deeplinking@dckRzKDKj-mLB3-OxwjPh.md +++ b/src/data/roadmaps/react-native/content/deeplinking@dckRzKDKj-mLB3-OxwjPh.md @@ -1 +1,9 @@ -# DeepLinking \ No newline at end of file +# Deep Linking + +Deep linking in React Native allows your app to open and navigate to a specific screen or content when a user clicks on a URL or a custom URI scheme. It essentially creates a direct pathway into a particular section of your application, bypassing the typical app launch sequence and providing a more seamless user experience. This is useful for scenarios like opening a product page from a marketing email or directing users to a specific profile from a shared link. + +Visit the following resources to learn more: + +- [@article@Understanding deep linking in React Native](https://blog.logrocket.com/understanding-deep-linking-in-react-native/) +- [@article@Deep Linking in React Native: Navigating to Specific App Screens](https://clouddevs.com/react-native/deep-linking/) +- [@article@A Complete Guide to Deep Linking with Custom domain in React Native](https://dev.to/amitkumar13/a-complete-guide-to-deep-linking-with-custom-domain-in-react-native-bj3) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/detox@3m7ANLJvtx3zie4y86MNU.md b/src/data/roadmaps/react-native/content/detox@3m7ANLJvtx3zie4y86MNU.md index e312b276b..e135bc26f 100644 --- a/src/data/roadmaps/react-native/content/detox@3m7ANLJvtx3zie4y86MNU.md +++ b/src/data/roadmaps/react-native/content/detox@3m7ANLJvtx3zie4y86MNU.md @@ -2,6 +2,6 @@ Detox is an end-to-end testing framework for React Native applications. It enables you to run tests on an actual device or in a simulator/emulator environment. The goal of Detox is to maintain a high level of confidence in your application's behavior while allowing for quick test runs and easy debugging. -Learn more from the following links: +Visit the following resources to learn more: - [@official@Detox Documentation](https://wix.github.io/Detox/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/development-workflow@T4AhL9Zls2iNZMituGdtl.md b/src/data/roadmaps/react-native/content/development-workflow@T4AhL9Zls2iNZMituGdtl.md index 4d02bb10f..5dd359fa0 100644 --- a/src/data/roadmaps/react-native/content/development-workflow@T4AhL9Zls2iNZMituGdtl.md +++ b/src/data/roadmaps/react-native/content/development-workflow@T4AhL9Zls2iNZMituGdtl.md @@ -4,5 +4,5 @@ React native has a decent guide on how to get started with development workflow. Visit the following resources to learn more: -- [@article@Continuous Integration and Deployment for React Native Apps](https://dev.to/medaimane/continuous-integration-and-deployment-for-react-native-apps-streamlining-development-workflow-4i04) -- [@official@Running on Device](https://reactnative.dev/docs/running-on-device) \ No newline at end of file +- [@official@Running on Device](https://reactnative.dev/docs/running-on-device) +- [@article@Continuous Integration and Deployment for React Native Apps](https://dev.to/medaimane/continuous-integration-and-deployment-for-react-native-apps-streamlining-development-workflow-4i04) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/devtools@HHx3VSfV7xf6RqACrxjBf.md b/src/data/roadmaps/react-native/content/devtools@HHx3VSfV7xf6RqACrxjBf.md index a079c9bfe..4576d4757 100644 --- a/src/data/roadmaps/react-native/content/devtools@HHx3VSfV7xf6RqACrxjBf.md +++ b/src/data/roadmaps/react-native/content/devtools@HHx3VSfV7xf6RqACrxjBf.md @@ -4,4 +4,4 @@ React Native DevTools are essential tools that help developers debug and optimiz Visit the following resources to learn more: -- [@official@Devtools](https://reactnative.dev/docs/react-devtools) +- [@official@Devtools](https://reactnative.dev/docs/react-devtools) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/enabling-fast-refresh@wWwaEdnvBsvj6jD9LJ4Jj.md b/src/data/roadmaps/react-native/content/enabling-fast-refresh@wWwaEdnvBsvj6jD9LJ4Jj.md index 0a641fd96..c23089a91 100644 --- a/src/data/roadmaps/react-native/content/enabling-fast-refresh@wWwaEdnvBsvj6jD9LJ4Jj.md +++ b/src/data/roadmaps/react-native/content/enabling-fast-refresh@wWwaEdnvBsvj6jD9LJ4Jj.md @@ -4,4 +4,4 @@ Fast Refresh is a React Native feature that allows you to get near-instant feedb Visit the following resources to learn more: -- [@official@Fast Refresh](https://reactnative.dev/docs/fast-refresh) +- [@official@Fast Refresh](https://reactnative.dev/docs/fast-refresh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/environment-setup@lNmddXrT8IHVtWobh3-oq.md b/src/data/roadmaps/react-native/content/environment-setup@lNmddXrT8IHVtWobh3-oq.md index 71d03710c..4928efb05 100644 --- a/src/data/roadmaps/react-native/content/environment-setup@lNmddXrT8IHVtWobh3-oq.md +++ b/src/data/roadmaps/react-native/content/environment-setup@lNmddXrT8IHVtWobh3-oq.md @@ -2,15 +2,17 @@ In React Native, setting up the development environment is a crucial step. The environment setup process includes installing and configuring various tools and packages required for developing, building, and launching a React Native application. There are two main approaches when setting up your React Native development environment: -## Expo CLI +Expo CLI +-------- Expo CLI is a command-line tool built for creating and managing React Native projects easily. It streamlines your development process by providing an entire development environment, including building and deploying your app to both iOS and Android platforms. -## React Native CLI +React Native CLI +---------------- React Native CLI is the official command-line interface for building native mobile apps using React Native. This method requires you to manually set up the native development environment and tools needed for iOS and Android app development. Visit the following resources to learn more: - [@official@React Native CLI](https://reactnative.dev/docs/environment-setup?guide=native) -- [@official@Expo CLI Quickstart](https://docs.expo.dev/get-started/create-a-project) +- [@official@Expo CLI Quickstart](https://docs.expo.dev/get-started/create-a-project) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/expo-file-system@9pvrXH5Drdsa1cr93UBdc.md b/src/data/roadmaps/react-native/content/expo-file-system@9pvrXH5Drdsa1cr93UBdc.md index 354e2db6b..2ab2cedbb 100644 --- a/src/data/roadmaps/react-native/content/expo-file-system@9pvrXH5Drdsa1cr93UBdc.md +++ b/src/data/roadmaps/react-native/content/expo-file-system@9pvrXH5Drdsa1cr93UBdc.md @@ -4,4 +4,4 @@ Expo File System is a universal module that provides access to the file system o Visit the following resources to learn more: -- [@official@Expo File System](https://docs.expo.dev/versions/latest/sdk/filesystem/) +- [@official@Expo File System](https://docs.expo.dev/versions/latest/sdk/filesystem/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/expo-secure-store@JgBfwmOgcVi_a96L5NGwr.md b/src/data/roadmaps/react-native/content/expo-secure-store@JgBfwmOgcVi_a96L5NGwr.md index 53c77e1a7..5808e48e0 100644 --- a/src/data/roadmaps/react-native/content/expo-secure-store@JgBfwmOgcVi_a96L5NGwr.md +++ b/src/data/roadmaps/react-native/content/expo-secure-store@JgBfwmOgcVi_a96L5NGwr.md @@ -5,4 +5,4 @@ Expo Secure Store is a built-in package provided by the Expo SDK to store encryp Visit the following resources to learn more: - [@official@secure-store](https://docs.expo.dev/versions/latest/sdk/securestore/) -- [@opensource@expo-secure-store package](https://www.npmjs.com/package/expo-secure-store?activeTab=readme) +- [@opensource@expo-secure-store package](https://www.npmjs.com/package/expo-secure-store?activeTab=readme) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/expo-sqlite@oK8z23a_CjcDjBJ843_Jn.md b/src/data/roadmaps/react-native/content/expo-sqlite@oK8z23a_CjcDjBJ843_Jn.md index b31d85704..31c80ec9f 100644 --- a/src/data/roadmaps/react-native/content/expo-sqlite@oK8z23a_CjcDjBJ843_Jn.md +++ b/src/data/roadmaps/react-native/content/expo-sqlite@oK8z23a_CjcDjBJ843_Jn.md @@ -6,4 +6,4 @@ With Expo SQLite, you can efficiently manage SQLite databases within your React Visit the following resources to learn more: -- [@official@expo-sqlite](https://docs.expo.dev/versions/latest/sdk/sqlite/) +- [@official@expo-sqlite](https://docs.expo.dev/versions/latest/sdk/sqlite/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/expo@yW7nDDJbjmm8XKJI0hq3Q.md b/src/data/roadmaps/react-native/content/expo@yW7nDDJbjmm8XKJI0hq3Q.md index 25ecb1a16..1e3c979b3 100644 --- a/src/data/roadmaps/react-native/content/expo@yW7nDDJbjmm8XKJI0hq3Q.md +++ b/src/data/roadmaps/react-native/content/expo@yW7nDDJbjmm8XKJI0hq3Q.md @@ -4,6 +4,6 @@ Expo is an open-source framework and platform built around React Native, designe Expo simplifies mobile development by handling much of the native configuration behind the scenes. Developers can use the **Expo Go** app to preview and test their projects instantly on real devices, while the **Expo CLI** offers powerful commands for creating, running, and managing apps. The **Expo SDK** provides prebuilt modules for features like camera access, push notifications, geolocation, and more, allowing you to focus on app logic rather than native integrations. For production workflows, **EAS (Expo Application Services)** supports custom builds, over-the-air updates, and app store submissions. -Learn more from the following resources: +Visit the following resources to learn more: -- [@official@Expo Documentation](https://docs.expo.dev/) +- [@official@Expo Documentation](https://docs.expo.dev/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/fetch@f7KFPFS2-EA90pumYHM9T.md b/src/data/roadmaps/react-native/content/fetch@f7KFPFS2-EA90pumYHM9T.md index 4535f5449..6ef52c3d4 100644 --- a/src/data/roadmaps/react-native/content/fetch@f7KFPFS2-EA90pumYHM9T.md +++ b/src/data/roadmaps/react-native/content/fetch@f7KFPFS2-EA90pumYHM9T.md @@ -1,7 +1,7 @@ # Fetch -*Fetch* is a JavaScript function available in React Native that is used to make network requests, similar to XMLHttpRequest in web applications. It allows you to handle requests and retrieve data from APIs or other sources. The Fetch API is built on Promises, making it simple to handle success and error cases. +_Fetch_ is a JavaScript function available in React Native that is used to make network requests, similar to XMLHttpRequest in web applications. It allows you to handle requests and retrieve data from APIs or other sources. The Fetch API is built on Promises, making it simple to handle success and error cases. Visit the following resources to learn more: -- [@article@Managing network connection status in React Native](https://blog.logrocket.com/managing-network-connection-status-in-react-native/) +- [@article@Managing network connection status in React Native](https://blog.logrocket.com/managing-network-connection-status-in-react-native/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/file-extensions@LLANnVosxOUCPTtuBfNgu.md b/src/data/roadmaps/react-native/content/file-extensions@LLANnVosxOUCPTtuBfNgu.md index c6ed199bc..9989c4afb 100644 --- a/src/data/roadmaps/react-native/content/file-extensions@LLANnVosxOUCPTtuBfNgu.md +++ b/src/data/roadmaps/react-native/content/file-extensions@LLANnVosxOUCPTtuBfNgu.md @@ -5,4 +5,4 @@ In React Native, you can write platform-specific code by using specific file ext Visit the following resources to learn more: - [@official@Platform-Specific Code](https://reactnative.dev/docs/platform-specific-code) -- [@official@App Extensions](https://reactnative.dev/docs/app-extensions) +- [@official@App Extensions](https://reactnative.dev/docs/app-extensions) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/flatlist@CYqLNGyOe9f9hVhbyUnTX.md b/src/data/roadmaps/react-native/content/flatlist@CYqLNGyOe9f9hVhbyUnTX.md index 469a11acc..224c0f097 100644 --- a/src/data/roadmaps/react-native/content/flatlist@CYqLNGyOe9f9hVhbyUnTX.md +++ b/src/data/roadmaps/react-native/content/flatlist@CYqLNGyOe9f9hVhbyUnTX.md @@ -4,4 +4,4 @@ Visit the following resources to learn more: -- [@official@FlatList](https://reactnative.dev/docs/flatlist) +- [@official@FlatList](https://reactnative.dev/docs/flatlist) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/for-android@wMxTB8WgU6e-oYMtQFCDY.md b/src/data/roadmaps/react-native/content/for-android@wMxTB8WgU6e-oYMtQFCDY.md index f4bdf751f..b8000bb2a 100644 --- a/src/data/roadmaps/react-native/content/for-android@wMxTB8WgU6e-oYMtQFCDY.md +++ b/src/data/roadmaps/react-native/content/for-android@wMxTB8WgU6e-oYMtQFCDY.md @@ -5,4 +5,4 @@ Native modules in React Native provide a powerful way to access device-specific Visit the following resources to learn more: - [@official@Android Native Modules](https://reactnative.dev/docs/legacy/native-modules-android) -- [@feed@Explore top posts about Android](https://app.daily.dev/tags/android?ref=roadmapsh) +- [@feed@Explore top posts about Android](https://app.daily.dev/tags/android?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/for-ios@b-1-JcwLSGMyH3gXS59lY.md b/src/data/roadmaps/react-native/content/for-ios@b-1-JcwLSGMyH3gXS59lY.md index 508854df1..30b836f44 100644 --- a/src/data/roadmaps/react-native/content/for-ios@b-1-JcwLSGMyH3gXS59lY.md +++ b/src/data/roadmaps/react-native/content/for-ios@b-1-JcwLSGMyH3gXS59lY.md @@ -5,4 +5,4 @@ iOS native modules in React Native allow developers to tap into the rich ecosyst Visit the following resources to learn more: - [@official@iOS Native Modules](https://reactnative.dev/docs/legacy/native-modules-ios) -- [@feed@Explore top posts about iOS](https://app.daily.dev/tags/ios?ref=roadmapsh) +- [@feed@Explore top posts about iOS](https://app.daily.dev/tags/ios?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/gesture-handling@xf7L5J42yQq3LE7lG2plp.md b/src/data/roadmaps/react-native/content/gesture-handling@xf7L5J42yQq3LE7lG2plp.md index e38347767..4a0fa6ed8 100644 --- a/src/data/roadmaps/react-native/content/gesture-handling@xf7L5J42yQq3LE7lG2plp.md +++ b/src/data/roadmaps/react-native/content/gesture-handling@xf7L5J42yQq3LE7lG2plp.md @@ -6,4 +6,4 @@ Visit the following resources to learn more: - [@official@Animations](https://reactnative.dev/docs/animations) - [@official@LayoutAnimations](https://reactnative.dev/docs/layoutanimation) -- [@official@Animated](https://reactnative.dev/docs/animated) +- [@official@Animated](https://reactnative.dev/docs/animated) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/google-play-store@D8T9cZ5zKi_KZDr9tDpCf.md b/src/data/roadmaps/react-native/content/google-play-store@D8T9cZ5zKi_KZDr9tDpCf.md index 9fdbca0d8..1074bafce 100644 --- a/src/data/roadmaps/react-native/content/google-play-store@D8T9cZ5zKi_KZDr9tDpCf.md +++ b/src/data/roadmaps/react-native/content/google-play-store@D8T9cZ5zKi_KZDr9tDpCf.md @@ -5,4 +5,4 @@ Publishing your React Native app on Google Store consists of several steps. Visit the following resources to learn more: - [@official@Publishing to Google Play Store](https://reactnative.dev/docs/signed-apk-android) -- [@feed@Explore top posts about Google](https://app.daily.dev/tags/google?ref=roadmapsh) +- [@feed@Explore top posts about Google](https://app.daily.dev/tags/google?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/image@E7N8tSg2amZW-vc-X46JU.md b/src/data/roadmaps/react-native/content/image@E7N8tSg2amZW-vc-X46JU.md index ccfbff112..881d3adca 100644 --- a/src/data/roadmaps/react-native/content/image@E7N8tSg2amZW-vc-X46JU.md +++ b/src/data/roadmaps/react-native/content/image@E7N8tSg2amZW-vc-X46JU.md @@ -4,4 +4,4 @@ The `Image` component is used to display images in a React Native application. I Visit the following resources to learn more: -- [@official@Image](https://reactnative.dev/docs/image) +- [@official@Image](https://reactnative.dev/docs/image) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/imagebackground@GFGhnx5xUer2DdRI-SO4D.md b/src/data/roadmaps/react-native/content/imagebackground@GFGhnx5xUer2DdRI-SO4D.md index fdaf1e27b..2d6950df4 100644 --- a/src/data/roadmaps/react-native/content/imagebackground@GFGhnx5xUer2DdRI-SO4D.md +++ b/src/data/roadmaps/react-native/content/imagebackground@GFGhnx5xUer2DdRI-SO4D.md @@ -4,4 +4,4 @@ Visit the following resources to learn more: -- [@official@Image Background](https://reactnative.dev/docs/imagebackground) +- [@official@Image Background](https://reactnative.dev/docs/imagebackground) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/in-app-developer-menu@tOt_vvmnBtOUbgokmVa5P.md b/src/data/roadmaps/react-native/content/in-app-developer-menu@tOt_vvmnBtOUbgokmVa5P.md index 57cecb889..4cee55269 100644 --- a/src/data/roadmaps/react-native/content/in-app-developer-menu@tOt_vvmnBtOUbgokmVa5P.md +++ b/src/data/roadmaps/react-native/content/in-app-developer-menu@tOt_vvmnBtOUbgokmVa5P.md @@ -2,9 +2,9 @@ React Native provides an in-app developer menu which offers several debugging options. You can access the Dev Menu by shaking your device or via keyboard shortcuts: -- Android: `Cmd + M` or `Ctrl + M` -- iOS: `Cmd + D` or `Ctrl + D` +* Android: `Cmd + M` or `Ctrl + M` +* iOS: `Cmd + D` or `Ctrl + D` Visit the following resources to learn more: -- [@official@Debugging](https://reactnative.dev/docs/debugging) +- [@official@Debugging](https://reactnative.dev/docs/debugging) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/interactions@GYdz9a1yLiewAeMRSyfLr.md b/src/data/roadmaps/react-native/content/interactions@GYdz9a1yLiewAeMRSyfLr.md index 28e1b4683..b7d00eecd 100644 --- a/src/data/roadmaps/react-native/content/interactions@GYdz9a1yLiewAeMRSyfLr.md +++ b/src/data/roadmaps/react-native/content/interactions@GYdz9a1yLiewAeMRSyfLr.md @@ -5,4 +5,4 @@ Interaction in React Native means dealing with how the user can interact with yo Visit the following resources to learn more: - [@official@Animations](https://reactnative.dev/docs/animations) -- [@official@LayoutAnimations](https://reactnative.dev/docs/layoutanimation) +- [@official@LayoutAnimations](https://reactnative.dev/docs/layoutanimation) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/introduction@JfXwzkN29UGz17FYHHE3A.md b/src/data/roadmaps/react-native/content/introduction@JfXwzkN29UGz17FYHHE3A.md index dcbe66a8e..ef4f75994 100644 --- a/src/data/roadmaps/react-native/content/introduction@JfXwzkN29UGz17FYHHE3A.md +++ b/src/data/roadmaps/react-native/content/introduction@JfXwzkN29UGz17FYHHE3A.md @@ -6,4 +6,4 @@ Visit the following resources to learn more: - [@official@React Native](https://reactnative.dev/) - [@official@Getting Started with React Native](https://reactnative.dev/docs/getting-started) -- [@video@React Native Course for Beginners in 2025 | Build a Full Stack React Native App](https://www.youtube.com/watch?v=f8Z9JyB2EIE) +- [@video@React Native Course for Beginners in 2025 | Build a Full Stack React Native App](https://www.youtube.com/watch?v=f8Z9JyB2EIE) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/javascript-basics@1oUJXtHGQ29ZZU9sxwGo2.md b/src/data/roadmaps/react-native/content/javascript-basics@1oUJXtHGQ29ZZU9sxwGo2.md index 5e68cf733..a069d043d 100644 --- a/src/data/roadmaps/react-native/content/javascript-basics@1oUJXtHGQ29ZZU9sxwGo2.md +++ b/src/data/roadmaps/react-native/content/javascript-basics@1oUJXtHGQ29ZZU9sxwGo2.md @@ -7,4 +7,4 @@ There's a lot more to learn in JavaScript but my recommendation is to learn the Visit the following resources to learn more: - [@roadmap@Visit Dedicated JavaScript Roadmap](https://roadmap.sh/javascript) -- [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh) +- [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/jest@06gsRokwjxVa2xyLY4qAb.md b/src/data/roadmaps/react-native/content/jest@06gsRokwjxVa2xyLY4qAb.md index 298efee26..69e30b3a5 100644 --- a/src/data/roadmaps/react-native/content/jest@06gsRokwjxVa2xyLY4qAb.md +++ b/src/data/roadmaps/react-native/content/jest@06gsRokwjxVa2xyLY4qAb.md @@ -7,4 +7,4 @@ Visit the following resources to learn more: - [@official@Jest](https://jestjs.io/) - [@official@Jest Documentation](https://jestjs.io/docs/getting-started) - [@video@Jest Crash Course - Unit Testing in JavaScript](https://www.youtube.com/watch?v=7r4xVDI2vho) -- [@feed@Explore top posts about Jest](https://app.daily.dev/tags/jest?ref=roadmapsh) +- [@feed@Explore top posts about Jest](https://app.daily.dev/tags/jest?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/jsx@s5YKenJY2Xv_PZBSxegEm.md b/src/data/roadmaps/react-native/content/jsx@s5YKenJY2Xv_PZBSxegEm.md index d2ddbd566..fcf705972 100644 --- a/src/data/roadmaps/react-native/content/jsx@s5YKenJY2Xv_PZBSxegEm.md +++ b/src/data/roadmaps/react-native/content/jsx@s5YKenJY2Xv_PZBSxegEm.md @@ -7,4 +7,4 @@ Visit the following resources to learn more: - [@official@Components](https://react.dev/learn/your-first-component) - [@official@Writing Markup with JSX](https://react.dev/learn/writing-markup-with-jsx) - [@official@JavaScript in JSX with Curly Braces](https://react.dev/learn/javascript-in-jsx-with-curly-braces) -- [@feed@Explore top posts about JSX](https://app.daily.dev/tags/jsx?ref=roadmapsh) +- [@feed@Explore top posts about JSX](https://app.daily.dev/tags/jsx?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/keyboardavoidingview@8bn1PFd9h0ek6_T-cl1cS.md b/src/data/roadmaps/react-native/content/keyboardavoidingview@8bn1PFd9h0ek6_T-cl1cS.md index 776a07129..e638e336a 100644 --- a/src/data/roadmaps/react-native/content/keyboardavoidingview@8bn1PFd9h0ek6_T-cl1cS.md +++ b/src/data/roadmaps/react-native/content/keyboardavoidingview@8bn1PFd9h0ek6_T-cl1cS.md @@ -4,4 +4,4 @@ Visit the following resources to learn more: -- [@official@KeyboardAvoidingView](https://reactnative.dev/docs/keyboardavoidingview) +- [@official@KeyboardAvoidingView](https://reactnative.dev/docs/keyboardavoidingview) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/learn-the-pre-requisites@cSXsu17F1Oy34Wp6J-N3C.md b/src/data/roadmaps/react-native/content/learn-the-pre-requisites@cSXsu17F1Oy34Wp6J-N3C.md index fd5ab0d68..e1774604a 100644 --- a/src/data/roadmaps/react-native/content/learn-the-pre-requisites@cSXsu17F1Oy34Wp6J-N3C.md +++ b/src/data/roadmaps/react-native/content/learn-the-pre-requisites@cSXsu17F1Oy34Wp6J-N3C.md @@ -4,6 +4,6 @@ Before you start learning React Native, you should have a basic knowledge of Jav Visit the following resources to learn more: -- [@official@React Native Basics](https://reactnative.dev/docs/getting-started) - [@roadmap@Visit Dedicated JavaScript Roadmap](https://roadmap.sh/javascript) - [@roadmap@Visit Dedicated React Roadmap](https://roadmap.sh/react) +- [@official@React Native Basics](https://reactnative.dev/docs/getting-started) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/logbox@Tz-bRjQVkZedphelhAlWM.md b/src/data/roadmaps/react-native/content/logbox@Tz-bRjQVkZedphelhAlWM.md index e63a889e9..8dc23a92c 100644 --- a/src/data/roadmaps/react-native/content/logbox@Tz-bRjQVkZedphelhAlWM.md +++ b/src/data/roadmaps/react-native/content/logbox@Tz-bRjQVkZedphelhAlWM.md @@ -4,4 +4,4 @@ LogBox is a new feature added to React Native to improve how logs are displayed Visit the following resources to learn more: -- [@official@Debugging LogBox](https://reactnative.dev/docs/debugging#logbox) +- [@official@Debugging LogBox](https://reactnative.dev/docs/debugging#logbox) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/metro-bundler@VhSEH_RoWFt1z2lial7xZ.md b/src/data/roadmaps/react-native/content/metro-bundler@VhSEH_RoWFt1z2lial7xZ.md index a08a7f523..93666c997 100644 --- a/src/data/roadmaps/react-native/content/metro-bundler@VhSEH_RoWFt1z2lial7xZ.md +++ b/src/data/roadmaps/react-native/content/metro-bundler@VhSEH_RoWFt1z2lial7xZ.md @@ -4,4 +4,4 @@ Metro Bundler is the default bundler for React Native applications. It's a JavaS Visit the following resources to learn more: -- [@official@Metro Bundler](https://facebook.github.io/metro/) +- [@official@Metro Bundler](https://facebook.github.io/metro/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/modal@V34mZCkpoT49o-74XoATS.md b/src/data/roadmaps/react-native/content/modal@V34mZCkpoT49o-74XoATS.md index a2de4ca8d..a29079b7e 100644 --- a/src/data/roadmaps/react-native/content/modal@V34mZCkpoT49o-74XoATS.md +++ b/src/data/roadmaps/react-native/content/modal@V34mZCkpoT49o-74XoATS.md @@ -4,4 +4,4 @@ A `Modal` is a component that displays content on top of the current view, creat Visit the following resources to learn more: -- [@official@Modal](https://reactnative.dev/docs/modal) +- [@official@Modal](https://reactnative.dev/docs/modal) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/networking@7GBV5sfOaGxHwpkNUvFWE.md b/src/data/roadmaps/react-native/content/networking@7GBV5sfOaGxHwpkNUvFWE.md index 4d99250dc..77a2787d1 100644 --- a/src/data/roadmaps/react-native/content/networking@7GBV5sfOaGxHwpkNUvFWE.md +++ b/src/data/roadmaps/react-native/content/networking@7GBV5sfOaGxHwpkNUvFWE.md @@ -2,12 +2,11 @@ React Native facilitates network requests and data management from remote sources through various techniques. The primary method is the `fetch` function, a promise-based API that allows developers to make HTTP requests and retrieve resources, typically in JSON format, from a specified URL. For example, a simple fetch request can be made as follows: -```jsx -fetch('https://jsonplaceholder.typicode.com/todos/1') - .then((response) => response.json()) - .then((json) => console.log(json)) - .catch((error) => console.error(error)); -``` + fetch('https://jsonplaceholder.typicode.com/todos/1') + .then((response) => response.json()) + .then((json) => console.log(json)) + .catch((error) => console.error(error)); + Another popular option is Axios, a widely-used library that simplifies HTTP requests in JavaScript applications. Like fetch, Axios is promise-based and offers a user-friendly API, making it a preferred choice for many developers when handling network requests in React Native. diff --git a/src/data/roadmaps/react-native/content/networking@ee4QqFTosXNcTgoQIok8i.md b/src/data/roadmaps/react-native/content/networking@ee4QqFTosXNcTgoQIok8i.md index 092707a77..3b58b1469 100644 --- a/src/data/roadmaps/react-native/content/networking@ee4QqFTosXNcTgoQIok8i.md +++ b/src/data/roadmaps/react-native/content/networking@ee4QqFTosXNcTgoQIok8i.md @@ -2,13 +2,13 @@ Networking in React Native primarily uses the Fetch API and XMLHttpRequest for making network requests. These APIs allow you to retrieve data from remote servers and handle asynchronous operations easily. React Native offers various ways to handle networking tasks like making API calls, sending/receiving data from remote servers, and handling different network protocols. -- Fetch -- HTTP Call Libraries -- Web Sockets +* Fetch +* HTTP Call Libraries +* Web Sockets These are the major ways to handle networking tasks in React Native. Choose the method that best suits your specific use case and allows you to take full advantage of the features offered. Visit the following resources to learn more: - [@official@Networking](https://reactnative.dev/docs/network) -- [@article@Efficient Network Communication](https://medium.com/@Blochware/efficient-network-communication-best-practices-for-handling-api-calls-in-react-native-b5bebbc8ba71) +- [@article@Efficient Network Communication](https://medium.com/@Blochware/efficient-network-communication-best-practices-for-handling-api-calls-in-react-native-b5bebbc8ba71) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/optimizing-flatlist-config@PyPjHnKIWpnFHal8RuSmX.md b/src/data/roadmaps/react-native/content/optimizing-flatlist-config@PyPjHnKIWpnFHal8RuSmX.md index d4dfe75f3..4fcab4596 100644 --- a/src/data/roadmaps/react-native/content/optimizing-flatlist-config@PyPjHnKIWpnFHal8RuSmX.md +++ b/src/data/roadmaps/react-native/content/optimizing-flatlist-config@PyPjHnKIWpnFHal8RuSmX.md @@ -2,15 +2,15 @@ In React Native, the FlatList component is essential for efficiently displaying large lists of items, and optimizing its configuration is crucial for enhancing performance. Here are key tips for optimizing FlatList: -1. **Set `windowSize`**: Adjust the `windowSize` prop, which determines the number of pages rendered above and below the current view. Reducing this value from the default of 21 can decrease off-screen component rendering. - -2. **Enable `removeClippedSubviews`**: This prop unmounts components that are off-screen, helping to free up resources. - -3. **Adjust `maxToRenderPerBatch`**: Control the number of items rendered per batch with this prop, which defaults to 10. Tailor this value to fit your list's needs. - -4. **Set `initialNumToRender`**: This prop defines how many items to render initially, helping to prevent blank screens during loading. - -5. **Use `getItemLayout`**: By specifying the exact dimensions of each item with this prop, you can avoid dynamic measurements, leading to better performance. +1. **Set `windowSize`**: Adjust the `windowSize` prop, which determines the number of pages rendered above and below the current view. Reducing this value from the default of 21 can decrease off-screen component rendering. + +2. **Enable `removeClippedSubviews`**: This prop unmounts components that are off-screen, helping to free up resources. + +3. **Adjust `maxToRenderPerBatch`**: Control the number of items rendered per batch with this prop, which defaults to 10. Tailor this value to fit your list's needs. + +4. **Set `initialNumToRender`**: This prop defines how many items to render initially, helping to prevent blank screens during loading. + +5. **Use `getItemLayout`**: By specifying the exact dimensions of each item with this prop, you can avoid dynamic measurements, leading to better performance. Visit the following resources to learn more: diff --git a/src/data/roadmaps/react-native/content/performance@NIJzKzWlsciAjxUpm4K2v.md b/src/data/roadmaps/react-native/content/performance@NIJzKzWlsciAjxUpm4K2v.md index 6c42db66b..c87eeed70 100644 --- a/src/data/roadmaps/react-native/content/performance@NIJzKzWlsciAjxUpm4K2v.md +++ b/src/data/roadmaps/react-native/content/performance@NIJzKzWlsciAjxUpm4K2v.md @@ -4,4 +4,4 @@ Performance is a crucial aspect of any application, and React Native is no excep Visit the following resources to learn more: -- [@official@Performance](https://reactnative.dev/docs/performance) +- [@official@Performance](https://reactnative.dev/docs/performance) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/platform-module@KZIrRSYq_I-YzpFaYLuWi.md b/src/data/roadmaps/react-native/content/platform-module@KZIrRSYq_I-YzpFaYLuWi.md index b2b036ca9..40faa3a28 100644 --- a/src/data/roadmaps/react-native/content/platform-module@KZIrRSYq_I-YzpFaYLuWi.md +++ b/src/data/roadmaps/react-native/content/platform-module@KZIrRSYq_I-YzpFaYLuWi.md @@ -9,4 +9,4 @@ With the Platform module, you can easily create platform-specific code, enabling Visit the following resources to learn more: - [@official@Platform](https://reactnative.dev/docs/platform) -- [@official@Platform-Specific Code](https://reactnative.dev/docs/platform-specific-code) +- [@official@Platform-Specific Code](https://reactnative.dev/docs/platform-specific-code) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/props@0gH7vI_Hy7s9hO2TF6hR3.md b/src/data/roadmaps/react-native/content/props@0gH7vI_Hy7s9hO2TF6hR3.md index 34f83a9f2..8e44a1471 100644 --- a/src/data/roadmaps/react-native/content/props@0gH7vI_Hy7s9hO2TF6hR3.md +++ b/src/data/roadmaps/react-native/content/props@0gH7vI_Hy7s9hO2TF6hR3.md @@ -5,4 +5,4 @@ In React, **props** are short for _properties_ and are used to pass data from a Visit the following resources to learn more: - [@official@Components](https://react.dev/learn/your-first-component) -- [@official@Props](https://react.dev/learn/passing-props-to-a-component) +- [@official@Props](https://react.dev/learn/passing-props-to-a-component) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/publishing-apps@4U-HZQGH7kaWCB94Xy8Mh.md b/src/data/roadmaps/react-native/content/publishing-apps@4U-HZQGH7kaWCB94Xy8Mh.md index 468c6ee3b..cd8895bd2 100644 --- a/src/data/roadmaps/react-native/content/publishing-apps@4U-HZQGH7kaWCB94Xy8Mh.md +++ b/src/data/roadmaps/react-native/content/publishing-apps@4U-HZQGH7kaWCB94Xy8Mh.md @@ -5,4 +5,4 @@ Publishing React Native apps is the process of deploying your application on var Visit the following resources to learn more: - [@official@Publishing to Apple App Store](https://reactnative.dev/docs/publishing-to-app-store) -- [@official@Publishing to Google Play Store](https://reactnative.dev/docs/signed-apk-android) +- [@official@Publishing to Google Play Store](https://reactnative.dev/docs/signed-apk-android) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/push-notifications@CAQJaGs24wx1SqKOU44aB.md b/src/data/roadmaps/react-native/content/push-notifications@CAQJaGs24wx1SqKOU44aB.md index acd35dd8b..51c2ab31b 100644 --- a/src/data/roadmaps/react-native/content/push-notifications@CAQJaGs24wx1SqKOU44aB.md +++ b/src/data/roadmaps/react-native/content/push-notifications@CAQJaGs24wx1SqKOU44aB.md @@ -1 +1,10 @@ -# Push Notifications \ No newline at end of file +# Push Notifications + +Push notifications in React Native allow you to send timely and relevant information to users even when they aren't actively using your app. The original native push notification functionality in React Native has been deprecated. Now, you'll typically rely on third-party services like Firebase Cloud Messaging (FCM), Expo Notifications, or OneSignal to handle the complexities of delivering notifications across different platforms (iOS and Android). These services provide robust APIs and infrastructure for managing device tokens, sending notifications, and tracking delivery success. + +Visit the following resources to learn more: + +- [@official@PushNotificationIOS](https://reactnative.dev/docs/pushnotificationios) +- [@official@Expo Notifications](https://docs.expo.dev/versions/latest/sdk/notifications/) +- [@article@Expo push notifications setup](https://docs.expo.dev/push-notifications/push-notifications-setup/) +- [@video@Expo Notifications with EAS | Complete Guide](https://www.youtube.com/watch?v=BCCjGtKtBjE) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/react-native-alternatives@ODQ8zrHc2rsc8PN-APKvz.md b/src/data/roadmaps/react-native/content/react-native-alternatives@ODQ8zrHc2rsc8PN-APKvz.md index 8858ee572..1ee99f8f2 100644 --- a/src/data/roadmaps/react-native/content/react-native-alternatives@ODQ8zrHc2rsc8PN-APKvz.md +++ b/src/data/roadmaps/react-native/content/react-native-alternatives@ODQ8zrHc2rsc8PN-APKvz.md @@ -7,4 +7,4 @@ Visit the following resources to learn more: - [@official@Flutter](https://flutter.dev/) - [@official@Ionic](https://ionicframework.com/) - [@official@Xamarin](https://dotnet.microsoft.com/apps/xamarin) -- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) +- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/react-native-async-storage@WsJGiMjHSQ6MpPd5wuP9h.md b/src/data/roadmaps/react-native/content/react-native-async-storage@WsJGiMjHSQ6MpPd5wuP9h.md index 31f0e35d5..b192e83ce 100644 --- a/src/data/roadmaps/react-native/content/react-native-async-storage@WsJGiMjHSQ6MpPd5wuP9h.md +++ b/src/data/roadmaps/react-native/content/react-native-async-storage@WsJGiMjHSQ6MpPd5wuP9h.md @@ -5,4 +5,4 @@ React Native AsyncStorage is an unencrypted, asynchronous, persistent key-value Visit the following resources to learn more: - [@official@Async Storage](https://reactnative.dev/docs/asyncstorage) -- [@opensource@Async Storage - GitHub](https://github.com/react-native-async-storage/async-storage) +- [@opensource@Async Storage - GitHub](https://github.com/react-native-async-storage/async-storage) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/react-native-cli@bxWLf0RDAl9Zaczkon9Rl.md b/src/data/roadmaps/react-native/content/react-native-cli@bxWLf0RDAl9Zaczkon9Rl.md index 5846e6d4d..64fcf8ee7 100644 --- a/src/data/roadmaps/react-native/content/react-native-cli@bxWLf0RDAl9Zaczkon9Rl.md +++ b/src/data/roadmaps/react-native/content/react-native-cli@bxWLf0RDAl9Zaczkon9Rl.md @@ -4,4 +4,4 @@ React Native CLI is the official command-line interface for building native mobi Visit the following resources to learn more: -- [@official@React Native CLI](https://reactnative.dev/docs/environment-setup?guide=native) +- [@official@React Native CLI](https://reactnative.dev/docs/environment-setup?guide=native) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/react-native-testing-library@-b4LfjCjkSZ6ZsSv3eFm6.md b/src/data/roadmaps/react-native/content/react-native-testing-library@-b4LfjCjkSZ6ZsSv3eFm6.md index 19bc55550..10772e35e 100644 --- a/src/data/roadmaps/react-native/content/react-native-testing-library@-b4LfjCjkSZ6ZsSv3eFm6.md +++ b/src/data/roadmaps/react-native/content/react-native-testing-library@-b4LfjCjkSZ6ZsSv3eFm6.md @@ -6,4 +6,4 @@ Visit the following resources to learn more: - [@article@React Native Testing Library](https://callstack.github.io/react-native-testing-library/) - [@article@React Native Testing Library (Docs)](https://testing-library.com/docs/react-native-testing-library/intro/) -- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) +- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/react-native-web@UQpyXrC2cs_jDXxVTlQOu.md b/src/data/roadmaps/react-native/content/react-native-web@UQpyXrC2cs_jDXxVTlQOu.md index 02d25d34f..a5f5f60b7 100644 --- a/src/data/roadmaps/react-native/content/react-native-web@UQpyXrC2cs_jDXxVTlQOu.md +++ b/src/data/roadmaps/react-native/content/react-native-web@UQpyXrC2cs_jDXxVTlQOu.md @@ -7,4 +7,4 @@ The main goal of React Native Web is to provide a consistent developer experienc Visit the following resources to learn more: - [@article@react-native-web - npm](https://www.npmjs.com/package/react-native-web) -- [@article@Complete Guide to React Native for Web](https://blog.logrocket.com/complete-guide-react-native-web/) +- [@article@Complete Guide to React Native for Web](https://blog.logrocket.com/complete-guide-react-native-web/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/react-test-renderer@81tmis0km2h1zsjS2HsP5.md b/src/data/roadmaps/react-native/content/react-test-renderer@81tmis0km2h1zsjS2HsP5.md index f9329a33a..d2c39970f 100644 --- a/src/data/roadmaps/react-native/content/react-test-renderer@81tmis0km2h1zsjS2HsP5.md +++ b/src/data/roadmaps/react-native/content/react-test-renderer@81tmis0km2h1zsjS2HsP5.md @@ -5,4 +5,4 @@ React Test Renderer is a library provided by the React team that allows you to r Visit the following resources to learn more: - [@official@React Test Renderer](https://jestjs.io/docs/tutorial-react) -- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) +- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/refreshcontrol@m8Nu71Y61Ha_fLxdtWTkn.md b/src/data/roadmaps/react-native/content/refreshcontrol@m8Nu71Y61Ha_fLxdtWTkn.md index acafe8676..e3fb2ecb1 100644 --- a/src/data/roadmaps/react-native/content/refreshcontrol@m8Nu71Y61Ha_fLxdtWTkn.md +++ b/src/data/roadmaps/react-native/content/refreshcontrol@m8Nu71Y61Ha_fLxdtWTkn.md @@ -6,4 +6,4 @@ Visit the following resources to learn more: - [@official@Refresh Control](https://reactnative.dev/docs/refreshcontrol) - [@official@ScrollView](https://reactnative.dev/docs/ScrollView) -- [@official@FlatList](https://reactnative.dev/docs/FlatList) +- [@official@FlatList](https://reactnative.dev/docs/FlatList) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/safeareaview@UqCpoPzYio3ng3RFlbvZ7.md b/src/data/roadmaps/react-native/content/safeareaview@UqCpoPzYio3ng3RFlbvZ7.md index 1c16e0826..ddb297f59 100644 --- a/src/data/roadmaps/react-native/content/safeareaview@UqCpoPzYio3ng3RFlbvZ7.md +++ b/src/data/roadmaps/react-native/content/safeareaview@UqCpoPzYio3ng3RFlbvZ7.md @@ -6,4 +6,4 @@ Keep in mind that `SafeAreaView` only works on iOS devices, and has no effect on Visit the following resources to learn more: -- [@official@SafeAreaView](https://reactnative.dev/docs/safeareaview) +- [@official@SafeAreaView](https://reactnative.dev/docs/safeareaview) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/screen-navigation@Jr2iuQqyCbx6CyTJj4Qz2.md b/src/data/roadmaps/react-native/content/screen-navigation@Jr2iuQqyCbx6CyTJj4Qz2.md index bacf71ffa..4e155c734 100644 --- a/src/data/roadmaps/react-native/content/screen-navigation@Jr2iuQqyCbx6CyTJj4Qz2.md +++ b/src/data/roadmaps/react-native/content/screen-navigation@Jr2iuQqyCbx6CyTJj4Qz2.md @@ -2,6 +2,6 @@ In React Native, navigating from one screen to another is a crucial aspect of app development. The most commonly used navigation libraries are React Navigation and React Native Navigation. -Learn more from the following resources: +Visit the following resources to learn more: - [@official@React Navigation](https://reactnavigation.org/) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/scrollview@yN283SRWoALOEZh9iTn-L.md b/src/data/roadmaps/react-native/content/scrollview@yN283SRWoALOEZh9iTn-L.md index a30852080..e3034b375 100644 --- a/src/data/roadmaps/react-native/content/scrollview@yN283SRWoALOEZh9iTn-L.md +++ b/src/data/roadmaps/react-native/content/scrollview@yN283SRWoALOEZh9iTn-L.md @@ -4,4 +4,4 @@ In React Native, the `ScrollView` is a generic scrolling container used to provi Visit the following resources to learn more: -- [@official@ScrollView](https://reactnative.dev/docs/ScrollView) +- [@official@ScrollView](https://reactnative.dev/docs/ScrollView) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/sectionlist@gLJMD9X7chy8OxdALht8g.md b/src/data/roadmaps/react-native/content/sectionlist@gLJMD9X7chy8OxdALht8g.md index ce3a8d913..4dce6d4dd 100644 --- a/src/data/roadmaps/react-native/content/sectionlist@gLJMD9X7chy8OxdALht8g.md +++ b/src/data/roadmaps/react-native/content/sectionlist@gLJMD9X7chy8OxdALht8g.md @@ -4,4 +4,4 @@ Visit the following resources to learn more: -- [@official@SectionList](https://reactnative.dev/docs/sectionlist) +- [@official@SectionList](https://reactnative.dev/docs/sectionlist) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/security@CGtVwhVGc8Vea5RfzJvQG.md b/src/data/roadmaps/react-native/content/security@CGtVwhVGc8Vea5RfzJvQG.md index e5a3ec477..0aa36a0ab 100644 --- a/src/data/roadmaps/react-native/content/security@CGtVwhVGc8Vea5RfzJvQG.md +++ b/src/data/roadmaps/react-native/content/security@CGtVwhVGc8Vea5RfzJvQG.md @@ -7,4 +7,4 @@ Validating and sanitizing user input is crucial to prevent threats like SQL inje Visit the following resources to learn more: - [@official@Security](https://reactnative.dev/docs/security) -- [@article@Secure Authentication and Authorization in React Native](https://medium.com/@christopherobocha/secure-authentication-and-authorisation-in-react-native-a260f1787a89) +- [@article@Secure Authentication and Authorization in React Native](https://medium.com/@christopherobocha/secure-authentication-and-authorisation-in-react-native-a260f1787a89) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/sourcemaps@Dq490IqEJXoFZRnBFJI8N.md b/src/data/roadmaps/react-native/content/sourcemaps@Dq490IqEJXoFZRnBFJI8N.md index d1f6f976e..c51415830 100644 --- a/src/data/roadmaps/react-native/content/sourcemaps@Dq490IqEJXoFZRnBFJI8N.md +++ b/src/data/roadmaps/react-native/content/sourcemaps@Dq490IqEJXoFZRnBFJI8N.md @@ -1,17 +1,17 @@ # Sourcemaps -Sourcemaps are files that map the original source code of a project to its minified or transpiled version. This is especially useful in environments, like React Native, where the code may be transformed before being executed in the device/emulator. Sourcemaps help developers to debug their code more easily by mapping errors in the transformed code back to their original location in the source code. +Sourcemaps are files that map the original source code of a project to its minified or transpiled version. This is especially useful in environments, like React Native, where the code may be transformed before being executed in the device/emulator. Sourcemaps help developers to debug their code more easily by mapping errors in the transformed code back to their original location in the source code. There are various types of sourcemaps which give different levels of detail to the debugging process: -- `eval`: Uses `eval` function to generate the sourcemaps. This is faster but provides less detailed information than other options. -- `cheap-source-map`: Simple line-to-line mapping without column information. Faster than `source-map` but less accurate. -- `cheap-module-source-map`: Similar to `cheap-source-map` but with support for modules. -- `source-map`: Full source mapping with both line and column information. It is accurate, though slower compared to other options. +* `eval`: Uses `eval` function to generate the sourcemaps. This is faster but provides less detailed information than other options. +* `cheap-source-map`: Simple line-to-line mapping without column information. Faster than `source-map` but less accurate. +* `cheap-module-source-map`: Similar to `cheap-source-map` but with support for modules. +* `source-map`: Full source mapping with both line and column information. It is accurate, though slower compared to other options. After generating sourcemaps, you can use them to debug errors more efficiently, as they will reference the original locations in the source code. The browser's developer tools, like Google Chrome, have built-in support for sourcemaps, providing the ability to navigate and debug errors with ease. Visit the following resources to learn more: -- [Source Maps (MDN)](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map) - [@official@SourceMaps](https://reactnative.dev/docs/debugging-release-builds#enabling-source-maps) +- [@article@Source Maps (MDN)](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/storage@NdjmP1bZNYriV08vb-iRw.md b/src/data/roadmaps/react-native/content/storage@NdjmP1bZNYriV08vb-iRw.md index 7991b02df..4774da9e1 100644 --- a/src/data/roadmaps/react-native/content/storage@NdjmP1bZNYriV08vb-iRw.md +++ b/src/data/roadmaps/react-native/content/storage@NdjmP1bZNYriV08vb-iRw.md @@ -2,14 +2,14 @@ React Native provides a few ways to persist data locally in the app. Here's a brief summary of the storage options available: -- Async Storage -- Expo Secure Store -- Expo File System -- Expo SQLite +* Async Storage +* Expo Secure Store +* Expo File System +* Expo SQLite Choose the storage option that best fits your app's requirements and use cases. Keep in mind that AsyncStorage and SecureStorage are more suited for small-scale data storage, while Realm and SQLite support more complex storage and querying needs. Visit the following resources to learn more: - [@official@AsyncStorage](https://reactnative.dev/docs/asyncstorage) -- [@article@Best Data Storage Option for React Native Apps](https://dev.to/ammarahmed/best-data-storage-option-for-react-native-apps-42k) +- [@article@Best Data Storage Option for React Native Apps](https://dev.to/ammarahmed/best-data-storage-option-for-react-native-apps-42k) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/storage@w0WW1kg_0BEMeLa1l2gb5.md b/src/data/roadmaps/react-native/content/storage@w0WW1kg_0BEMeLa1l2gb5.md index 1fc44be50..fe7bc4a63 100644 --- a/src/data/roadmaps/react-native/content/storage@w0WW1kg_0BEMeLa1l2gb5.md +++ b/src/data/roadmaps/react-native/content/storage@w0WW1kg_0BEMeLa1l2gb5.md @@ -4,4 +4,4 @@ React Native offers several methods for persisting data locally within applicati Visit the following resources to learn more: -- [@article@Best Data Storage Option for React Native Apps](https://dev.to/ammarahmed/best-data-storage-option-for-react-native-apps-42k) +- [@article@Best Data Storage Option for React Native Apps](https://dev.to/ammarahmed/best-data-storage-option-for-react-native-apps-42k) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/text@OFhyYyxtrCBy_UUb5YBv5.md b/src/data/roadmaps/react-native/content/text@OFhyYyxtrCBy_UUb5YBv5.md index a5a3ffbbe..b8c0cd5bd 100644 --- a/src/data/roadmaps/react-native/content/text@OFhyYyxtrCBy_UUb5YBv5.md +++ b/src/data/roadmaps/react-native/content/text@OFhyYyxtrCBy_UUb5YBv5.md @@ -4,4 +4,4 @@ The `Text` component is a basic element in React Native used to display text con Visit the following resources to learn more: -- [@official@Text](https://reactnative.dev/docs/text) +- [@official@Text](https://reactnative.dev/docs/text) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/touchables@A7ZIe8nlQnHU5g3LM3Eif.md b/src/data/roadmaps/react-native/content/touchables@A7ZIe8nlQnHU5g3LM3Eif.md index 63b1f1d07..3b13cc20c 100644 --- a/src/data/roadmaps/react-native/content/touchables@A7ZIe8nlQnHU5g3LM3Eif.md +++ b/src/data/roadmaps/react-native/content/touchables@A7ZIe8nlQnHU5g3LM3Eif.md @@ -5,4 +5,4 @@ In React Native, `Touchable` components are used to handle user interactions lik Visit the following resources to learn more: - [@official@Handling Touches](https://reactnative.dev/docs/handling-touches) -- [@official@TouchableOpacity](https://reactnative.dev/docs/touchableopacity) +- [@official@TouchableOpacity](https://reactnative.dev/docs/touchableopacity) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/understand-frame-rates@1U3AiCDWEVEKsofWtqavi.md b/src/data/roadmaps/react-native/content/understand-frame-rates@1U3AiCDWEVEKsofWtqavi.md index 0786e3de4..3cc8f22e2 100644 --- a/src/data/roadmaps/react-native/content/understand-frame-rates@1U3AiCDWEVEKsofWtqavi.md +++ b/src/data/roadmaps/react-native/content/understand-frame-rates@1U3AiCDWEVEKsofWtqavi.md @@ -2,4 +2,4 @@ Frame rates represent the number of frames (or images) displayed per second in an animation or video. The performance of a React Native application can be highly impacted by the frame rate, so it is important to optimize your application for the best possible user experience. Higher frame rates provide smoother animations, but may require more system resources. To achieve the desired frame rate, the application should ensure that each frame is computed and rendered within the time budget. -To achieve high frame rates and smooth animations, developers can utilize the `Animated` library, which offers methods and components for efficient animation management. For instance, the library allows for declarative animation definitions, minimizes unnecessary render cycles, and enables the use of the native driver to offload animations from the JavaScript thread. By adhering to best practices and leveraging the `Animated` library, developers can enhance their React Native applications' performance and deliver high-quality animations. +To achieve high frame rates and smooth animations, developers can utilize the `Animated` library, which offers methods and components for efficient animation management. For instance, the library allows for declarative animation definitions, minimizes unnecessary render cycles, and enables the use of the native driver to offload animations from the JavaScript thread. By adhering to best practices and leveraging the `Animated` library, developers can enhance their React Native applications' performance and deliver high-quality animations. \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/using-native-modules@0BMpZDc-1rSvETwX82zON.md b/src/data/roadmaps/react-native/content/using-native-modules@0BMpZDc-1rSvETwX82zON.md index 30c37f130..0bccbd5fb 100644 --- a/src/data/roadmaps/react-native/content/using-native-modules@0BMpZDc-1rSvETwX82zON.md +++ b/src/data/roadmaps/react-native/content/using-native-modules@0BMpZDc-1rSvETwX82zON.md @@ -6,4 +6,4 @@ The NativeModule system exposes instances of Java/Objective-C/C++ (native) class Visit the following resources to learn more: -- [@official@Native Modules Introduction](https://reactnative.dev/docs/native-platform) +- [@official@Native Modules Introduction](https://reactnative.dev/docs/native-platform) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/websockets@aSCgax1M4wlmzkJSZV_fv.md b/src/data/roadmaps/react-native/content/websockets@aSCgax1M4wlmzkJSZV_fv.md index 3f57d43cb..da507a8e4 100644 --- a/src/data/roadmaps/react-native/content/websockets@aSCgax1M4wlmzkJSZV_fv.md +++ b/src/data/roadmaps/react-native/content/websockets@aSCgax1M4wlmzkJSZV_fv.md @@ -4,4 +4,4 @@ WebSockets are a protocol that allows full-duplex communication between a client Visit the following resources to learn more: -- [@article@The WebSocket API (WebSockets) - Web APIs](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API) +- [@article@The WebSocket API (WebSockets) - Web APIs](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/what-is-react-native@cMfsRtvzvDZZJ0TqeUOxm.md b/src/data/roadmaps/react-native/content/what-is-react-native@cMfsRtvzvDZZJ0TqeUOxm.md index 4ca61cdc1..858d2ea7b 100644 --- a/src/data/roadmaps/react-native/content/what-is-react-native@cMfsRtvzvDZZJ0TqeUOxm.md +++ b/src/data/roadmaps/react-native/content/what-is-react-native@cMfsRtvzvDZZJ0TqeUOxm.md @@ -6,4 +6,4 @@ With React Native, you write components with JSX, a syntax that combines JavaScr Visit the following resources to learn more: -- [@official@Getting Started with React Native](https://reactnative.dev/docs/getting-started) +- [@official@Getting Started with React Native](https://reactnative.dev/docs/getting-started) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/why-use-react-native@2rlmLn_yQQV-7DpX1qT98.md b/src/data/roadmaps/react-native/content/why-use-react-native@2rlmLn_yQQV-7DpX1qT98.md index 46bc03f6b..f55941993 100644 --- a/src/data/roadmaps/react-native/content/why-use-react-native@2rlmLn_yQQV-7DpX1qT98.md +++ b/src/data/roadmaps/react-native/content/why-use-react-native@2rlmLn_yQQV-7DpX1qT98.md @@ -5,4 +5,4 @@ React Native is a popular framework for developing native mobile applications us Visit the following resources to learn more: - [@article@Why You Should Choose React Native?](https://www.geeksforgeeks.org/why-you-should-choose-react-native/) -- [@article@React Native: What is it? and, Why is it used?](https://medium.com/@thinkwik/react-native-what-is-it-and-why-is-it-used-b132c3581df) +- [@article@React Native: What is it? and, Why is it used?](https://medium.com/@thinkwik/react-native-what-is-it-and-why-is-it-used-b132c3581df) \ No newline at end of file diff --git a/src/data/roadmaps/react-native/content/writing-platform-specific-code@HiUbRfOv8OttFd85pDUHN.md b/src/data/roadmaps/react-native/content/writing-platform-specific-code@HiUbRfOv8OttFd85pDUHN.md index 2e1ae2355..e7c333e83 100644 --- a/src/data/roadmaps/react-native/content/writing-platform-specific-code@HiUbRfOv8OttFd85pDUHN.md +++ b/src/data/roadmaps/react-native/content/writing-platform-specific-code@HiUbRfOv8OttFd85pDUHN.md @@ -5,4 +5,4 @@ In React Native, managing platform-specific code for iOS and Android is essentia Visit the following resources to learn more: - [@official@Platform-Specific Code](https://reactnative.dev/docs/platform-specific-code) -- [@official@App Extensions](https://reactnative.dev/docs/app-extensions) +- [@official@App Extensions](https://reactnative.dev/docs/app-extensions) \ No newline at end of file