跟读练习: Why React Native apps make all the money - 通过视频学习英语口语

选择练习模式

每种模式都会打开全屏练习室。

117 句
如果句子过短或过长,请点击 Edit 进行调整。
1
Oh yeah, great.
2
Can I get a show of hands how many of you have used React Native?
3
Put your left foot up if you also use RevenueCat.
4
Yeah, it doesn't matter.
5
But for those people who mostly are, I guess, web developers here in the audience, I'm guessing at least, be not afraid.
6
This talk will start mobile first, but then it will take a sudden twist to also be about web.
7
But yeah, let's get into it.
8
Why React Native apps make all the money?
9
So before we get into all of that, I'm Perttu.
10
I'm a developer advocate at RevenueCat, where I help people, developers, mostly make money with their apps.
11
You can find me on X with that handle
12
and you can also find all that and the materials actually for the slides from my website, which is just myfirstname .dev.
13
So, React Native apps make all the money.
14
And what that means, earlier this year, RevenueCat, we analyzed all the apps that we have on our platform, so we do app monetization,
15
And that ended up being like 75 ,000 apps making over $10 billion in revenue.
16
And we compared the different, like, because you can use RevenueCAD on different technologies, so native apps, Swift and Android,
17
React Native, Flutter, and then all the other, for example, Cordova and whatnot.
18
And we compared those apps, like, which one of those apps, like, make a lot of money,
19
which make less money, which monetize better, which monetize the best.
20
And it turns out that
21
React Native actually wins in almost all of these categories,
22
which is a might be surprising and certainly something that gets all the native developers very angry.
23
So first, if we take the download to page,
24
so how many apps when they're downloaded from the app actually end up being paid for by the customers, React Native wins in that,
25
like clearly, as you can see.
26
It not only wins over Flutter and other, but also the native apps.
27
Same goes when you're comparing how much money per install of the app makes.
28
React Native still wins.
29
Then also if we look at the lifetime value per customer of using the app, that too, React Native wins.
30
So it wins in all of these three categories.
31
And the only time it loses is when you start to look at the year one retention.
32
Now you could speculate a lot of reasons why this happens mostly it could be for example
33
that after users
34
when they download the app they pay for it they get all the value
35
they needed it inside of a year
36
and that's why they don't see value income
37
and using it after a year but
38
if there's something to improve this could be the category
39
that make react native apps monetize also a year after being downloaded and purchased
40
but then the real question is of course like why does this happen why does react native performs
41
so much better and there's an interesting article in the pragmatic engineer newsletter about multi platform development
42
or cross -platform development which basically says that companies are choosing technologies for
43
which it is easy to hire like really good developers
44
and turns out
45
that in most cases that's actually react native it is way harder to hire good developers in same amount of quality,
46
for example, to Flutter and Swift.
47
So there must be also a reason, like, why is React Native then the technology chosen for this?
48
Well, it's all about, like, it being basically a tool set for speed.
49
So great apps are about delivering value fast to the market because being the time on market beats timing the market.
50
And in order to also, like, deliver value fast, you need to learn fast.
51
With React Native, that means you have, for example, cross -platform reach.
52
So you get iOS, Android, web, whatever you're building for.
53
Basically supporting everything that you need to have apps in.
54
And also the native feel.
55
So apps built in React Native for iOS actually feel like iOS apps.
56
Same goes for Android.
57
They feel like Android apps.
58
And if you're building for web with React Native, that feels like an actual web app and not just some bundled together hack of a mess,
59
like, for example, Flutter for Web tends to be.
60
And then this then leads to faster development and time to market.
61
And of course, there's then the last point, the single code base, which allows you to get feature parity.
62
You don't end up spending a lot of time developing individual features for different platforms in separate teams.
63
but you can actually have one single team building multiple different platforms.
64
Which then brings like monetization priority.
65
So when you have all the features being same on all the platforms, you can way easier monetize that app,
66
put subscriptions on it, put ads on it, whatever is your monetization strategy.
67
So it unlocks like a whole new level that would have not been previously possible if you had been building apps
68
with different technologies for different platforms.
69
But how do you then make it so that your apps makes money.
70
Simple as that is like use RevenueCat.
71
So we provide everything when it comes to subscriptions and in -app purchases as a service, so back in a box.
72
We started out with in -app purchases for iOS and Android, but you can now use us in web as well.
73
So that means that under the hood, we use either
74
Stripe or Battle to handle the payments, and then you just get the subscription management.
75
We have SDK for all the major platforms.
76
We handle the store quirks and validation of receipts.
77
And then on top of that, we provide stuff like paywalls to monetize better.
78
We have analytics.
79
We allow you to target different customer groups and experiment.
80
And we bring all that together, allow you to optimize, build things that, well, developers might not appreciate as much,
81
but definitely the people in business appreciate being able to do all kinds of experimentation with the pricing.
82
And it's all displayed in a very nice looking UI, where you can see how your revenue goes to the moon.
83
With Expo, if we want to look at what this means in practice with Expo,
84
the value promise could be said that you can build three platforms with a single code base.
85
Well, with RevenueCat, you can now monetize three platforms in a single code base.
86
And it's actually pretty simple.
87
So you take, for example, an existing Expo app, Expo React Native app, and you just do NBX Expo install
88
React Native purchases, which is our React Native purchases SDK.
89
In code, the setup is, I would call, annoyingly simple, because there's not actually much to show.
90
You initialize the SDK, you connect the platforms you're going to use, so iOS or App Store Connect and Google Play Console
91
and Stripe, for example and we give you a specific platform API key for those, which you then initialize in the client SDK.
92
Then you purchase a subscription, either using our paywall or with this purchase package method that we provide.
93
And then you check that the user entitlements.
94
So after users have purchased something, we keep track what they're entitled to based on that purchase.
95
And we call those in revenue cash as entitlements, which basically just tells us that,
96
okay, the user is eligible for example pro access encode is pretty simple
97
so you call use effect for example at the root of
98
your application with the specific uh platform keys for different platforms
99
you can use for example the platform os to check that you're which platform you're using the key for
100
and that's all that's required at
101
that point we will start running the native code required for ios
102
and android and also the web code required for example stripe stripe billing and then when When you make a purchase,
103
you can either call the purchase package and show those packages or products that you have in your app by yourself,
104
check that user successfully purchased that and show the UI based on it.
105
Or you can call the RevenueCat UI library with the present paywall,
106
which will show this nice -looking paywall that you can actually customize in our dashboard.
107
It has over 30 example paywalls and you can also build a custom paywall completely in the web UI,
108
and it's rendered natively.
109
And once you've purchased or the customer has purchased something, you could just call purchases get customer info to get what this specific customer purchased.
110
And we keep track of all the customers, so we have the data for that,
111
to tell that, okay, this user on this device is actually the same user that is also using the web application.
112
So then if you have a user using your app, your product, on web, iOS,
113
and Android, just giving us the user ID that you use, for example, that user will allow RevenueCAD to tell you what the user has purchased.
114
And in simplicity, that's it.
115
You can find an example project and a tutorial on how to do
116
that at revenuecat .com and all the other information also from that QR code.
117
Thank you.

下载应用

流利口语所需的一切

AI 发音评分逐句打分
音标练习掌握每个音
词汇学习建立你的词库
词汇游戏边玩边学

同频道

FOR YOU

推荐视频

本课的词汇与口语要点

这节口语课以视频“Why React Native apps make all the money”为素材。 视频中反复出现的词有:app, native, react, platform, example。 这段视频共有 117 个句子、1556 个单词可供跟读。 讲话部分时长为 9:14。 说话人语速自然,每分钟约 169 个词,接近日常对话。 84% 的单词属于英语最常用的 3,000 词,其余的词建议在练习前先学一下。

视频中的重点词汇

视频中 15 个值得学习的单词,附发音和释义:

单词发音释义
android 名词/ˈænˌdɹɔɪd/人形機器人 /人形机器人, 仿生人
subscription 名词/səbˈskɹɪpʃən/訂閱 /订阅, 預訂 /预订
stripe 名词/stɹaɪp/條紋 /条纹
package 名词/ˈpæk.ɪd͡ʒ/包裹, 包
compare 动词/kəmˈpɛɚ/比, 比較 /比较
hire 动词/ˈhaɪɹ/租借, 出租
connect 动词/kəˈnɛkt/連接 /连接
install 动词/ɪnˈstɔl/安裝 /安装
custom 名词/ˈkʌstəm/習慣 /习惯, 習俗 /习俗
priority 名词/pɹaɪˈɒɹɪti/優先權 /优先权, 更重要的事
sudden 形容词/ˈsʌd.ən/突然, 急劇 /急剧
lifetime 名词/ˈlaɪf.taɪm/一生, 一輩子 /一辈子
experiment 名词/ɪkˈspɛɹ.ə.mənt/實驗 /实验
slide 名词/ˈslaɪ̯d/滑梯
twist 动词/twɪst/扭, 搓

视频中出现的短语动词

单词释义
end up 动词到达
turn out 动词原來 /原来

视频中的语法

说话人最常用的结构,并附上视频中的原话:

结构视频中的用法
现在完成时 have/has + 过去分词 — 过去发生但与现在仍有关联的事have purchased · you've purchased · has purchased
被动语态 be + 过去分词 — 强调发生了什么,而不是谁做的being paid · being downloaded · could be said
定语从句 who / which + 从句 — 补充说明人或事物people who mostly · website, which is · purchases, which is

需要注意的发音

说话人用了 15 次缩略和弱读形式,例如 you're, I'm, don't。请按听到的简短形式来说。

  • “sh” 和 “zh” 音: subscription /səbˈskɹɪpʃən/, retention /ɹɪˈtɛnʃən/, validation /ˌvæl.əˈdeɪ.ʃən/, monetization /ˌmɒnətaɪˈzeɪʃən/, initialize /ɪˈnɪʃəlaɪz/
  • 长单词——注意重音位置: developer /dɪˈvɛləpɚ/, entitlement /ənˈtaɪtəlmənt/, successfully /səkˈsɛs.fə.li/, priority /pɹaɪˈɒɹɪti/, experiment /ɪkˈspɛɹ.ə.mənt/

中文母语者容易读错的音:

  • /v/ — 不要读成 /w/,上齿轻触下唇: developer /dɪˈvɛləpɚ/, advocate /ˈæd.və.kət/, validation /ˌvæl.əˈdeɪ.ʃən/, natively /ˈneɪtɪvli/
  • 词尾辅音 — 要读清楚,后面不要加元音: react /ɹiːˈækt/, android /ˈænˌdɹɔɪd/, stripe /stɹaɪp/, package /ˈpæk.ɪd͡ʒ/, connect /kəˈnɛkt/
  • /æ/ — 嘴张大,不要读成 /e/: react /ɹiːˈækt/, android /ˈænˌdɹɔɪd/, package /ˈpæk.ɪd͡ʒ/, advocate /ˈæd.və.kət/, analyze /ˈæn.əˌlaɪz/

如何用这段视频练习

  1. 先完整听一遍视频,不要开口,记下不认识的单词。
  2. 先用 0.75 倍速逐句跟读,熟练之后再回到正常速度。
  3. 录下自己的声音并与原声对比,特别注意 android, subscription, stripe 这类单词。

什么是跟读法?

跟读法 (Shadowing) 是一种有科学依据的语言学习技巧,最初开发用于专业口译员的培训,并由多语言者Alexander Arguelles博士普及。这个方法简单而强大:您在听英语母语原声的同时立即大声重复——就像是一个延迟1-2秒紧跟说话者的影子。与被动听力或语法练习不同,跟读法强迫您的大脑和口腔肌肉同时处理并模仿真实的讲话模式。研究表明它能显着提高发音准确性,语调,节奏,连读,听力理解和口语流利度——使其成为雅思口语备考和真实英语交流最有效的方法之一。

影子跟读法: 阅读完整分步指南 →