تدريب Shadowing: React Native in 100 Seconds - تعلم التحدث بالإنجليزية عبر الفيديو

اختر وضع التدريب

كل وضع يفتح غرفة تدريب بملء الشاشة.

35 جمل

إذا كانت الجمل قصيرة أو طويلة جدًا، انقر على Edit لتعديلها.

React Native.

Write JavaScript and React to build apps for iOS, Android, and the web from a single code base.

According to Atwood's law, any application that can be written in JavaScript will eventually be written in JavaScript.

The first way JS developers tried to build mobile apps was

by wrapping their native applications in a sandbox browser called a WebView, using tools like

Apache Cordova and Adobe PhoneGap.

The philosophy is write once, run anywhere.

This works, but it can be hard to make a website feel like a true native experience.

React Native takes a different approach.

It feels just like

React DOM for the web, but instead of using HTML and the DOM as building blocks for the UI,

it uses the native components that you would find on iOS and Android.

The philosophy is learn once, write anywhere.

You can't just take your existing

React web app and upload it to the App Store,

but you can use the React skills you already have to build a native app without ever having to touch

Java or Objective -C.

Instead, you import building block components like button, switch, scroll view, and the most fundamental of which is view.

At runtime, it will use the true native component on the corresponding platform, like UI view, Android dot view, or div on the web.

It's like building three apps for the price of one, but in some cases, you may want a different visual experience based on the underlying OS.

The platform module allows you to check which platform you're on and render different components accordingly.

When it comes to visuals, there's no CSS in React Native.

Instead, every core component takes a style prop that can be customized with a style sheet constructed from JavaScript.

In development, it supports fast refresh, which means you can instantly see the changes you make to your code on any platform.

You may also want to tap into native features like the device camera, push notifications, and geolocation.

These concerns are handled by one of the most active open source communities on GitHub.

There's open source packages for almost everything that can be installed with NPM just like any other JavaScript project, and there's frameworks like

Expo that build on top of React Native Primitives to provide all the tooling required to ship your app to production.

You can use

React Native to build a complete mobile app or integrate it with existing iOS and Android projects.

It's not an all -or -nothing solution.

This has been React Native in 100 seconds.

If you want to see more short videos like this, hit the like button and subscribe, and let me know if you want to see more

React Native content in the comments.

Thanks for watching, and I will see you in the next one.

تنزيل التطبيق

كل ما تحتاجه للتحدث بطلاقة

تقييم النطق بالذكاء الاصطناعيتقييم كل جملة

تدريب IPAأتقن كل صوت

المفرداتابنِ رصيدك من الكلمات

لعبة المفرداتتعلّم أثناء اللعب

امسح رمز QR

Download on theApp Store Get it onGoogle Play

نفس القناة

المفردات وملاحظات التحدث لهذا الدرس

هذا الدرس في المحادثة مبني على الفيديو “React Native in 100 Seconds”. أكثر الكلمات تكرارًا في الفيديو: native, React, app, Javascript, component. يحتوي هذا الفيديو على 35 جملة و473 كلمة للتدرب على الترديد. مدة الكلام 2:17. يتكلم المتحدث بسرعة، نحو 208 كلمة في الدقيقة، لذا ستسمع كثيرًا من وصل الكلمات واختزال الأصوات. 79% فقط من الكلمات ضمن أكثر 3,000 كلمة شيوعًا في الإنجليزية، فالمفردات صعبة نسبيًا.

أهم المفردات في هذا الفيديو

15 كلمة من الفيديو تستحق التعلّم، مع النطق والمعنى:

الكلمة	النطق	المعنى
component اسم	/kəmˈpoʊ.nənt/	مُكَوِّن, جُزْء
package اسم	/ˈpæk.ɪd͡ʒ/	صُرَّة, طَرْد
skill اسم	/skɪl/	مَهَارَة
sheet اسم	/ʃit/	وَرَقَة, وَرَق
fundamental صفة	/ˌfʌn.dəˈmɛn.təl/	أَسَاسِيّ
wrap فعل	/ɹæp/	لَفَّ, غَلَّفَ
import اسم	/ˈɪm.pɔɹt/	وَارِدَات
subscribe فعل	/səbˈskɹaɪb/	اِشْتَرَكَ
upload فعل	/ˈʌpˌloʊd/	حَمّل
notification اسم	/ˌnoʊtɪfɪˈkeɪʃn̩/	إِشْعَار, إِخْطَار
module اسم	/ˈmɑd͡ʒul/	وَحْدَة
scroll اسم	/skɹoʊl/	طُومَار
render فعل	/ˈɹɛn.dɚ/	جَعَلَ, صَيَّرَ
prop اسم	/pɹɑp/	سِنَاد, عِمَاد
refresh فعل	/ɹɪˈfɹɛʃ/	جَدَّدَ

القواعد في هذا الفيديو

أكثر التراكيب التي يستخدمها المتحدث، مع العبارات نفسها من الفيديو:

التركيب	في الفيديو
المبني للمجهول be + اسم المفعول — التركيز على ما يحدث لا على من يفعله	can be written · can be customized · are handled
الاحتمال بـ “might / may” might/may + فعل — شيء ممكن لكنه غير مؤكد	may want · may also want
صيغة التفضيل the -est / the most … — الأعلى أو الأدنى في مجموعة	the most fundamental · the most active
المستقبل بـ “will” will + فعل — قرار أو وعد أو توقع	will eventually · will use · will see

نطق يحتاج إلى انتباه

أصوات “sh” و“zh”: sheet /ʃit/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/, refresh /ɹɪˈfɹɛʃ/
الكلمات الطويلة — انتبه لموضع النبر: fundamental /ˌfʌn.dəˈmɛn.təl/, developer /dɪˈvɛləpɚ/, accordingly /əˈkɔɹ.dɪŋ.li/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/

أصوات يجدها متحدثو العربية صعبة:

/p/ — ليس /b/: انطقه مع نفخة هواء: component /kəmˈpoʊ.nənt/, package /ˈpæk.ɪd͡ʒ/, developer /dɪˈvɛləpɚ/, wrap /ɹæp/, import /ˈɪm.pɔɹt/
/v/ — ليس /f/: مع اهتزاز الأوتار الصوتية: developer /dɪˈvɛləpɚ/, java /ˈd͡ʒɑː.və/
تتابع الصوامت — لا تضف حركة بينها: component /kəmˈpoʊ.nənt/, skill /skɪl/, installed /ɪnˈstɔːld/, framework /ˈfɹeɪm.wɜːk/, instantly /ˈɪnstəntli/

كيف تتدرب بهذا الفيديو

استمع إلى الفيديو كاملًا مرة واحدة دون أن تتكلم، ودوّن الكلمات التي لا تعرفها.
ابدأ بسرعة 0.75×، وردّد جملة جملة، ثم عُد إلى السرعة العادية عندما يصبح الأمر سهلًا.
سجّل صوتك وقارنه بالأصل، مع الانتباه إلى كلمات مثل component, package, skill.

ما هي تقنية التظليل الصوتي؟

التظليل الصوتي (Shadowing) تقنية تعلم لغة مدعومة علمياً، طُورت أصلاً لتدريب المترجمين الفوريين المحترفين. الطريقة بسيطة لكنها قوية: تستمع لصوت إنجليزي أصلي وتكرره فوراً بصوت عالٍ — كظل يتبع المتحدث بتأخير 1-2 ثانية. تُظهر الأبحاث تحسناً كبيراً في دقة النطق والتنغيم والإيقاع وربط الأصوات والاستماع والطلاقة.

تقنية الشادوينغ: اقرأ الدليل الكامل خطوة بخطوة →

تدريب Shadowing: React Native in 100 Seconds - تعلم التحدث بالإنجليزية عبر الفيديو

اختر وضع التدريب

تنزيل التطبيق

The last real programmers are dying out...

PostgreSQL in 100 Seconds

Did Google just dethrone OpenAI and Anthropic?

A $6.3 billion open-weight model just got embarrassed by the French...

Every app on Earth is now open source... whether it likes it or not

OpenAI’s lead engineer was secretly a spy...

Mind-bending new programming language for GPUs just dropped...

Intel chips can’t possibly be this bad… 100% crash rate?

Godot in 100 Seconds

Grok 4 pushes humanity closer to AGI… but there’s a problem

Array Map in 100 Seconds

Docker in 100 Seconds

OpenAI’s new browser feels familiar…

10 weird OSS projects you need right now...

Firefox and Tor hit with 9.8 critical level exploit

5 open source tools that replaced my $320/mo AI stack...

The most interesting "hack" in history...

C++ in 100 Seconds

DHH has gone completely off the rails...

Rust in 100 Seconds