跟讀練習: 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.

下載應用

流利口語所需的一切

AI 發音評分逐句打分

音標練習掌握每個音

詞彙學習建立你的詞庫

詞彙遊戲邊玩邊學

掃碼

Download on theApp Store Get it onGoogle Play

同頻道

FOR YOU

本課的詞彙與口語要點

這節口語課以影片“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/	基本
framework 名詞	/ˈfɹeɪm.wɜːk/	骨架, 框架
instantly 副詞	/ˈɪnstəntli/	立即
wrap 動詞	/ɹæp/	包裝 /包裝, 包
underlying 形容詞		根本, 基本
import 名詞	/ˈɪm.pɔɹt/	進口貨 /進口貨, 舶來品 /舶來品
subscribe 動詞	/səbˈskɹaɪb/	簽署 /簽署
upload 動詞	/ˈʌpˌloʊd/	上載 /上載, 上傳 /上傳
construct 動詞	/ˈkɑn.stɹʌkt/	建造, 建設 /建設
notification 名詞	/ˌnoʊtɪfɪˈkeɪʃn̩/	通知
module 名詞	/ˈmɑd͡ʒul/	模組 /模組

需要注意的發音

“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̩/

中文母語者容易讀錯的音：

/v/ — 不要讀成 /w/，上齒輕觸下唇: developer /dɪˈvɛləpɚ/, java /ˈd͡ʒɑː.və/
詞尾子音 — 要讀清楚，後面不要加母音: component /kəmˈpoʊ.nənt/, package /ˈpæk.ɪd͡ʒ/, installed /ɪnˈstɔːld/, sheet /ʃit/, framework /ˈfɹeɪm.wɜːk/
/r/ 和 /l/ 的區別: accordingly /əˈkɔɹ.dɪŋ.li/, scroll /skɹoʊl/

如何用這段影片練習

先完整聽一遍影片，不要開口，記下不認識的單詞。
先用 0.75 倍速逐句跟讀，熟練之後再回到正常速度。
錄下自己的聲音並與原聲對比，特別注意 component, package, skill 這類單詞。

什麼是跟讀法？

跟讀法 (Shadowing) 是一種有科學依據的語言學習技巧，最初開發用於專業口譯員的培訓，並由多語言者Alexander Arguelles博士普及。這個方法簡單而強大：您在聽英語母語原聲的同時立即大聲重複——就像是一個延遲1-2秒緊跟說話者的影子。與被動聽力或語法練習不同，跟讀法強迫您的大腦和口腔肌肉同時處理並模模擬實的講話模式。研究表明它能顯著提高發音準確性，語調，節奏，連讀，聽力理解和口語流利度——使其成為雅思口語備考和真實英語交流最有效的方法之一。

影子跟讀法: 閱讀完整分步指南 →

跟讀練習: 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

React Conf 2025 React Native Keynote

10 Essential React Native Tips Every Developer Must Know

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It

Is React Native Dead? Shopify Is Leaving

Video

Why React Native apps make all the money

Learn useMemo In 10 Minutes

The future unfolds! How to optimize Android apps for adaptive layouts

GitHub Copilot now controls your command line...

Trust the Process: How to Design Teams That Actually Work

React Native for Beginners tutorial

Use these CSS features instead of JavaScript

本課的詞彙與口語要點

影片中的重點詞彙

需要注意的發音

如何用這段影片練習

什麼是跟讀法？