Migrate react native roadmap

.astro/settings.json

@@ -3,6 +3,6 @@
 		"enabled": false
 	},
 	"_variables": {
-		"lastUpdateCheck": 1749465237682
+		"lastUpdateCheck": 1750679157111
 	}
 }

src/data/roadmaps/react-native/content/core-components/listings/index.md

@@ -1,9 +0,0 @@
-# Listings
-
-When working with listings in React Native, commonly used components include **FlatList**, **SectionList**, and **VirtualizedList**. **FlatList** is a high-performance, scrollable list component that efficiently renders a large number of items. It is ideal for displaying simple lists of data. **SectionList** is similar but is used for displaying data in separate sections with headers, making it suitable for grouped data presentations.
-
-**VirtualizedList** is a lower-level component that provides more fine-grained control over list rendering performance, making it useful for complex lists or when custom behavior is needed. These components are essential for managing dynamic data and displaying large lists effectively in React Native applications.
-
-Visit the following resources to learn more:
-
-- [@official@Using List Views](https://reactnative.dev/docs/using-a-listview)

src/data/roadmaps/react-native/content/core-components/listings/list-views/index.md

@@ -1,7 +0,0 @@
-# List Views in React Native
-
-List views are an essential component in mobile applications when you need to display a list of items in an organized and efficient way. In React Native, there are two primary components to display a list - `FlatList` and `SectionList`. Let's dive into each one with some examples.
-
-Visit the following resources to learn more:
-
-- [@official@Using List Views](https://reactnative.dev/docs/using-a-listview)

src/data/roadmaps/react-native/content/core-components/view/index.md

@@ -1,7 +0,0 @@
-# View
-
-The `View` component in React Native is a fundamental container component that supports various layout styles. It is the equivalent of a `div` element in HTML and can be used to create and style containers for various elements. It is a versatile component that can handle various user interactions, including touch events, as well as serving as a decorative and functional piece in your mobile application.
-
-Visit the following resources to learn more:
-
-- [@official@View](https://reactnative.dev/docs/view)

src/data/roadmaps/react-native/content/deep-linking.md

@@ -1,13 +0,0 @@
-# Deep Linking
-
-Deep linking is a technique used in mobile applications that allows you to open a specific screen, content, or functionality within the application using a URL or a custom URL scheme. This is useful for providing seamless user experiences by navigating the user directly to the desired part of the app. Deep linking can be triggered by clicking on a link in an email, scanning a QR code, or through a push notification.
-
-There are two types of deep links:
-
-1. **Universal Links** (iOS) / **App Links** (Android): These are HTTPS URLs that allow the user to navigate to a specific screen when the app is installed and fallback to a specified website when the app is not installed.
-2. **Custom URL Schemes**: Unique URLs, like `myapp://my-screen`, that can open the app directly to a specific screen when clicked.
-
-Visit the following resources to learn more:
-
-- [@article@Deep Linking - React Navigation](https://reactnavigation.org/docs/deep-linking/)
-- [@article@Handle deep links in React Native apps](https://medium.com/the-react-native-log/handle-deep-links-in-react-native-apps-b22055149b3a)

src/data/roadmaps/react-native/content/deeplinking@dckRzKDKj-mLB3-OxwjPh.md

@@ -0,0 +1 @@
+# DeepLinking

src/data/roadmaps/react-native/content/development-workflow/debugging/index.md

@@ -1,9 +0,0 @@
-# Debugging
-
-Debugging is an essential aspect of the development workflow in React Native. Debugging in React Native is a crucial part of the development process, allowing developers to identify and fix issues in their applications
-
-Visit the following resources to learn more:
-
-- [@official@Debugging](https://reactnative.dev/docs/debugging)
-- [@official@Fast Refresh](https://reactnative.dev/docs/fast-refresh)
-- [@official@Devtools](https://reactnative.dev/docs/react-devtools)

src/data/roadmaps/react-native/content/environment-setup/expo/index.md

@@ -1,8 +0,0 @@
-# Expo
-
-Expo is a framework and a platform that allows you to develop, build, and deploy React Native applications easily and quickly. It simplifies the development process and provides a set of useful tools and services, including its own CLI (Command Line Interface), a managed workflow, and an SDK (Software Development Kit) with pre-built modules for common features.
-
-Visit the following resources to learn more:
-
-- [@official@Create Expo App](https://docs.expo.dev/tutorial/create-your-first-app/)
-- [@officialExpo CLI Quickstart](https://docs.expo.dev/get-started/create-a-project/)

src/data/roadmaps/react-native/content/expo@yW7nDDJbjmm8XKJI0hq3Q.md

@@ -0,0 +1 @@
+# Expo

src/data/roadmaps/react-native/content/index.md

@@ -1 +0,0 @@
-# 

src/data/roadmaps/react-native/content/listings@x-OZCZcX6uhN3Yr5BAATn.md

@@ -0,0 +1 @@
+# Listings

src/data/roadmaps/react-native/content/listviews@h3ypxGxeHDCTxURHg6D2d.md

@@ -0,0 +1 @@
+# ListViews

src/data/roadmaps/react-native/content/pre-requisites/react/index.md

@@ -1,11 +0,0 @@
-# React Basics
-
-React Native uses React, a JavaScript library for building user interfaces. You should have a basic understanding of React concepts before proceeding with React Native. Some of the concepts you should be familiar with include:
-
-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@Component State](https://react.dev/learn/managing-state)
-- [@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)

src/data/roadmaps/react-native/content/push-notifications.md

@@ -1,12 +0,0 @@
-# Push Notifications in React Native
-
-Push notifications are a way to engage and retain users by delivering alerts, messages, or other information directly to their devices, even when the app is not running. They are an essential feature in modern mobile applications as they help keep users informed about important updates and allow developers to encourage user interaction with the app.
-
-In React Native, you can implement push notifications using third-party libraries or services. Some popular options are:
-
-- Firebase Cloud Messaging (FCM) for both Android and iOS
-- Apple Push Notification Service (APNs) for iOS
-
-Visit the following resources to learn more:
-
-- [@article@React Native Push Notifications](https://blog.logrocket.com/react-native-push-notifications-complete-guide/)

src/data/roadmaps/react-native/content/push-notifications@CAQJaGs24wx1SqKOU44aB.md

@@ -0,0 +1 @@
+# Push Notifications

src/data/roadmaps/react-native/content/view@GrFL32pZ_eOmdJRzSlH8b.md

@@ -0,0 +1 @@
+# View