الفرق بين المراجعتين لصفحة: «ReactNative»
جميل-بيلوني (نقاش | مساهمات) لا ملخص تعديل |
|||
| سطر 11: | سطر 11: | ||
ستُساعدك المقدّمة على تثبيت React Native وبناء أول تطبيق خاصّ بك. | ستُساعدك المقدّمة على تثبيت React Native وبناء أول تطبيق خاصّ بك. | ||
=== [[ReactNative/ | === [[ReactNative/intro react native components|Core Components and Native Components]] === | ||
=== [[ReactNative/ | === [[ReactNative/intro react|React Fundamentals]] === | ||
=== [[ReactNative/ | === [[ReactNative/handling text input|Handling Text Input]] === | ||
=== [[ReactNative/ | === [[ReactNative/using a scrollview|Using a ScrollView]] === | ||
=== [[ReactNative/ | === [[ReactNative/using a listview|Using List Views]] === | ||
=== [[ReactNative/ | === [[ReactNative/troubleshooting|Troubleshooting]] === | ||
=== [[ReactNative/ | === [[ReactNative/platform specific code|Platform Specific Code]] === | ||
=== [[ReactNative/ | === [[ReactNative/more resources|More Resources]] === | ||
== | == ضبط البيئة == | ||
=== [[ReactNative/ | === [[ReactNative/environment setup|Setting up the development environment]] === | ||
=== [[ReactNative/ | === [[ReactNative/integration with existing apps|Integration with Existing Apps]] === | ||
=== [[ReactNative/ | === [[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
Animations
Gesture Responder System
الشمولية
Accessibility
الأداء
Performance Overview
Optimizing Flatlist Configuration
RAM Bundles and Inline Requires
Profiling
Profiling with Hermes
مشغل جافاسكربت الآني JavaScript runtime
الاتصال
الوحدات الأصيلة
Native Modules Intro
Android Native Modules
iOS Native Modules
Native Modules NPM Package Setup
المكونات الأصيلة
Android Native UI Components
iOS Native UI Components
Direct Manipulation
دليل آندرويد
Publishing to Google Play Store
دليل iOS
Communication between native and React Native