الفرق بين المراجعتين ل"ReactNative"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
سطر 11: سطر 11:
 
ستُساعدك المقدّمة على تثبيت React Native وبناء أول تطبيق خاصّ بك.
 
ستُساعدك المقدّمة على تثبيت React Native وبناء أول تطبيق خاصّ بك.
  
=== [[ReactNative/tutorial|تعلم الأساسيات]] ===
+
=== [[ReactNative/intro react native components|Core Components and Native Components]] ===
تعلّم أساسيات React Native لفهم آلية عمل الإطار الأساسية.
 
  
=== [[ReactNative/props|الخاصيات (Props)]] ===
+
=== [[ReactNative/intro react|React Fundamentals]] ===
  
=== [[ReactNative/state|الحالة (State)]] ===
+
=== [[ReactNative/handling text input|Handling Text Input]] ===
  
=== [[ReactNative/style|التنسيق والأنماط (Style)]] ===
+
=== [[ReactNative/using a scrollview|Using a ScrollView]] ===
  
=== [[ReactNative/height and width|الارتفاع (Height) والعرض (Width)]] ===
+
=== [[ReactNative/using a listview|Using List Views]] ===
  
=== [[ReactNative/flexbox|التخطيط (Layout) باستخدام Flexbox]] ===
+
=== [[ReactNative/troubleshooting|Troubleshooting]] ===
  
=== [[ReactNative/handling text input|التعامل مع المدخلات النّصيّة (Text Input)]] ===
+
=== [[ReactNative/platform specific code|Platform Specific Code]] ===
  
=== [[ReactNative/handling touches|التعامل مع اللمسات (Touches)]] ===
+
=== [[ReactNative/more resources|More Resources]] ===
  
=== [[ReactNative/using a scrollview|استخدام المكوّن ScrollView]] ===
+
== ضبط البيئة ==
  
=== [[ReactNative/using a listview|استخدام عروض القوائم (List views)]] ===
+
=== [[ReactNative/environment setup|Setting up the development environment]] ===
  
=== [[ReactNative/network|التعامل مع الشبكات (Networking)]] ===
+
=== [[ReactNative/integration with existing apps|Integration with Existing Apps]] ===
  
=== [[ReactNative/more resources|مصادر أخرى]] ===
+
=== [[ReactNative/integration with android fragment|Integration with an Android Fragment]] ===
  
== الأدلّة والإرشادات ==
+
=== [[ReactNative/building for tv|Building For TV Devices]] ===
 +
 
 +
=== [[ReactNative/out of tree platforms|Out-of-Tree Platforms]] ===
 +
 
 +
== سير العمل ==
 +
 
 +
=== [[ReactNative/running on device|Running On Device]] ===
 +
 
 +
=== [[ReactNative/fast refresh|Fast Refresh]] ===
 +
 
 +
=== [[ReactNative/debugging|Debugging]] ===
 +
 
 +
=== [[ReactNative/symbolication|Symbolicating a stack trace]] ===
 +
 
 +
=== [[ReactNative/testing overview|Testing]] ===
 +
 
 +
=== [[ReactNative/libraries|Using Libraries]] ===
 +
 
 +
=== [[ReactNative/typescript|Using TypeScript]] ===
 +
 
 +
=== [[ReactNative/upgrading|Upgrading to new versions]] ===
 +
 
 +
== التصميم ==
 +
 
 +
=== [[ReactNative/style|Style]] ===
 +
 
 +
=== [[ReactNative/height and width|Height and Width]] ===
 +
 
 +
=== [[ReactNative/flexbox|Layout with Flexbox]] ===
 +
 
 +
=== [[ReactNative/images|Images]] ===
 +
 
 +
=== [[ReactNative/colors|Color Reference]] ===
 +
 
 +
== التفاعل ==
 +
 
 +
=== [[ReactNative/handling touches|Handling Touches]] ===
 +
 
 +
=== [[ReactNative/navigation|Navigating Between Screens]] ===
 +
 
 +
=== [[ReactNative/animations|Animations]] ===
 +
 
 +
=== [[ReactNative/gesture responder system|Gesture Responder System]] ===
 +
 
 +
== الشمولية ==
 +
 
 +
=== [[ReactNative/accessibility|Accessibility]] ===
 +
 
 +
== الأداء ==
 +
 
 +
=== [[ReactNative/performance|Performance Overview]] ===
 +
 
 +
=== [[ReactNative/optimizing flatlist configuration|Optimizing Flatlist Configuration]] ===
 +
 
 +
=== [[ReactNative/ram bundles inline requires|RAM Bundles and Inline Requires]] ===
 +
 
 +
=== [[ReactNative/profiling|Profiling]] ===
 +
 
 +
=== [[ReactNative/profile hermes|Profiling with Hermes]] ===
 +
 
 +
== مشغل جافاسكربت الآني JavaScript runtime ==
 +
[[ReactNative/javascript environment|JavaScript Environment]]
 +
 
 +
[[ReactNative/timers|Timers]]
 +
 
 +
[[ReactNative/hermes|Using Hermes]]
 +
 
 +
== الاتصال ==
 +
[[ReactNative/network|Networking]]
 +
 
 +
[[ReactNative/security|Security]]
 +
 
 +
== الوحدات الأصيلة ==
 +
 
 +
=== [[ReactNative/native modules intro|Native Modules Intro]] ===
 +
 
 +
=== [[ReactNative/native modules android|Android Native Modules]] ===
 +
 
 +
=== [[ReactNative/native modules ios|iOS Native Modules]] ===
 +
 
 +
=== [[ReactNative/native modules setup|Native Modules NPM Package Setup]] ===
 +
 
 +
== المكونات الأصيلة ==
 +
 
 +
=== [[ReactNative/native components android|Android Native UI Components]] ===
 +
 
 +
=== [[ReactNative/native components ios|iOS Native UI Components]] ===
 +
 
 +
=== [[ReactNative/direct manipulation|Direct Manipulation]] ===
 +
 
 +
== دليل آندرويد ==
 +
[[ReactNative/headless js android|Headless JS]]
 +
 
 +
[[ReactNative/signed apk android|Publishing to Google Play Store]]
 +
 
 +
== دليل iOS ==
 +
[[ReactNative/linking libraries ios|Linking Libraries]]
 +
 
 +
[[ReactNative/running on simulator ios|Running On Simulator]]
 +
 
 +
[[ReactNative/communication ios|Communication between native and React Native]]
 +
 
 +
[[ReactNative/app extensions|App Extensions]]
 +
 
 +
[[ReactNative/publishing to app store|Publishing to Apple App Store]]
 +
 
 +
== الواجهة البرمجية API ==
 +
[[ReactNative/accessibilityinfo|AccessibilityInfo]]
 +
 
 +
[[ReactNative/alert|Alert]]
 +
 
 +
[[ReactNative/animated|Animated]]
 +
 
 +
[[ReactNative/animatedvalue|Animated.Value]]
 +
 
 +
[[ReactNative/animatedvaluexy|Animated.ValueXY]]
 +
 
 +
[[ReactNative/appearance|Appearance]]
 +
 
 +
[[ReactNative/appregistry|AppRegistry]]
 +
 
 +
[[ReactNative/appstate|AppState]]
 +
 
 +
[[ReactNative/devsettings|DevSettings]]
 +
 
 +
[[ReactNative/dimensions|Dimensions]]
 +
 
 +
[[ReactNative/easing|Easing]]
 +
 
 +
[[ReactNative/interactionmanager|InteractionManager]]
 +
 
 +
[[ReactNative/keyboard|Keyboard]]
 +
 
 +
[[ReactNative/layoutanimation|LayoutAnimation]]
 +
 
 +
[[ReactNative/linking|Linking]]
 +
 
 +
[[ReactNative/panresponder|PanResponder]]
 +
 
 +
[[ReactNative/pixelratio|PixelRatio]]
 +
 
 +
[[ReactNative/platform|Platform]]
 +
 
 +
[[ReactNative/platformcolor|PlatformColor]]
 +
 
 +
[[ReactNative/share|Share]]
 +
 
 +
[[ReactNative/stylesheet|StyleSheet]]
 +
 
 +
[[ReactNative/systrace|Systrace]]
 +
 
 +
[[ReactNative/transforms|Transforms]]
 +
 
 +
[[ReactNative/vibration|Vibration]]
 +
 
 +
=== الخطافات Hooks ===
 +
[[ReactNative/usecolorscheme|useColorScheme]]
 +
 
 +
[[ReactNative/usewindowdimensions|useWindowDimensions]]
 +
 
 +
=== Android APIs ===
 +
[[ReactNative/backhandler|BackHandler]]
 +
 
 +
[[ReactNative/permissionsandroid|PermissionsAndroid]]
 +
 
 +
[[ReactNative/toastandroid|ToastAndroid]]
 +
 
 +
=== iOS APIs ===
 +
[[ReactNative/actionsheetios|ActionSheetIOS]]
 +
 
 +
[[ReactNative/dynamiccolorios|DynamicColorIOS]]
 +
 
 +
[[ReactNative/settings|Settings]]
  
 
== مصادر ==
 
== مصادر ==
 
* [https://facebook.github.io/react-native/docs/getting-started توثيق React Native الرسمي.]
 
* [https://facebook.github.io/react-native/docs/getting-started توثيق React Native الرسمي.]
 
[[تصنيف:ReactNative]]
 
[[تصنيف:ReactNative]]

مراجعة 12:54، 16 مايو 2021

React Native إطارُ عملٍ يُساعد على إنشاء تطبيقات جوالٍ أصيلة (Native Mobile Applications) باستخدام لغة JavaScript ومكتبة React.

التطبيقات التي تُبنى بإطار React Native أصيلة، ما يعني أنّ شيفرة JavaScript تُترجَم إلى الشيفرة الأصلية للجهاز حسب المنصّة (Android أو iOS)، بخلاف التطبيقات الهجينة التي يُمكن إنشاؤها بأطرٍ مثل Cordova.

يستخدم React Native نفس المكوّنات الأساسية التي تُستعمل في تطبيقات Android وiOS العاديّة، فعوضًا عن استخدام Swift، أو Kotlin، أو Java، ستستخدم JavaScript وReact لتشكيل هذه المكونات وبناء تطبيقك. ويُوفّر React Native إمكانية دمج مكونات مبنيّة بشيفرة أصيلة مع مكوّناتك المكتوبة بلغة JavaScript كذلك.

الأساسيات

مقدمة

ستُساعدك المقدّمة على تثبيت React Native وبناء أول تطبيق خاصّ بك.

Core Components and Native Components

React Fundamentals

Handling Text Input

Using a ScrollView

Using List Views

Troubleshooting

Platform Specific Code

More Resources

ضبط البيئة

Setting up the development environment

Integration with Existing Apps

Integration with an Android Fragment

Building For TV Devices

Out-of-Tree Platforms

سير العمل

Running On Device

Fast Refresh

Debugging

Symbolicating a stack trace

Testing

Using Libraries

Using TypeScript

Upgrading to new versions

التصميم

Style

Height and Width

Layout with Flexbox

Images

Color Reference

التفاعل

Handling Touches

Navigating Between Screens

Animations

Gesture Responder System

الشمولية

Accessibility

الأداء

Performance Overview

Optimizing Flatlist Configuration

RAM Bundles and Inline Requires

Profiling

Profiling with Hermes

مشغل جافاسكربت الآني JavaScript runtime

JavaScript Environment

Timers

Using Hermes

الاتصال

Networking

Security

الوحدات الأصيلة

Native Modules Intro

Android Native Modules

iOS Native Modules

Native Modules NPM Package Setup

المكونات الأصيلة

Android Native UI Components

iOS Native UI Components

Direct Manipulation

دليل آندرويد

Headless JS

Publishing to Google Play Store

دليل iOS

Linking Libraries

Running On Simulator

Communication between native and React Native

App Extensions

Publishing to Apple App Store

الواجهة البرمجية API

AccessibilityInfo

Alert

Animated

Animated.Value

Animated.ValueXY

Appearance

AppRegistry

AppState

DevSettings

Dimensions

Easing

InteractionManager

Keyboard

LayoutAnimation

Linking

PanResponder

PixelRatio

Platform

PlatformColor

Share

StyleSheet

Systrace

Transforms

Vibration

الخطافات Hooks

useColorScheme

useWindowDimensions

Android APIs

BackHandler

PermissionsAndroid

ToastAndroid

iOS APIs

ActionSheetIOS

DynamicColorIOS

Settings

مصادر