Pratique du Shadowing: React Native in 100 Seconds - Apprendre l'anglais à l'oral avec la vidéo

Choisissez un mode d'entraînement

Chaque mode ouvre une salle d'entraînement en plein écran.

35 phrases

Si les phrases sont trop courtes ou trop longues, cliquez sur Edit pour les ajuster.

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.

Télécharger l'application

Tout pour parler couramment

Prononciation IAChaque phrase notée

Phonétique (IPA)Maîtrisez chaque son

VocabulaireEnrichissez votre lexique

Jeu de vocabulaireApprenez en jouant

Scanner le QR

Download on theApp Store Get it onGoogle Play

Même chaîne

Vocabulaire et conseils d’expression pour cette leçon

Cette leçon d’expression orale s’appuie sur la vidéo « React Native in 100 Seconds ». Les mots qui reviennent le plus souvent : native, React, app, Javascript, component. Cette vidéo contient 35 phrases et 473 mots à répéter en shadowing. La partie parlée dure 2:17. Le locuteur parle vite, environ 208 mots par minute : attendez-vous à des liaisons et à des sons réduits. Seuls 79 % des mots font partie des 3 000 mots les plus courants en anglais, le vocabulaire est donc exigeant.

Vocabulaire clé de cette vidéo

15 mots de la vidéo à retenir, avec leur prononciation et leur sens :

Mot	Prononciation	Sens
component nom	/kəmˈpoʊ.nənt/	composant
package nom	/ˈpæk.ɪd͡ʒ/	paquet, paquetage
skill nom	/skɪl/	habileté, compétence
sheet nom	/ʃit/	feuille
fundamental adjectif	/ˌfʌn.dəˈmɛn.təl/	fondamental
instantly adverbe	/ˈɪnstəntli/	instantanément
developer nom	/dɪˈvɛləpɚ/	concepteur, développeur
wrap verbe	/ɹæp/	envelopper, emballer
underlying adjectif		sous-jacent
import nom	/ˈɪm.pɔɹt/	importation
accordingly adverbe	/əˈkɔɹ.dɪŋ.li/	en conséquence, conséquemment
subscribe verbe	/səbˈskɹaɪb/	abonner, s'abonner
upload verbe	/ˈʌpˌloʊd/	téléverser, télécharger
construct verbe	/ˈkɑn.stɹʌkt/	construire
notification nom	/ˌnoʊtɪfɪˈkeɪʃn̩/	notification

La grammaire de cette vidéo

Les structures que le locuteur utilise le plus, avec les mots exacts de la vidéo :

Structure	Dans la vidéo
Voix passive be + participe passé — l’accent est mis sur ce qui arrive, pas sur qui le fait	can be written · can be customized · are handled
Possibilité avec « might / may » might/may + verbe — quelque chose de possible mais pas certain	may want · may also want
Superlatifs the -est / the most … — le plus haut ou le plus bas d’un groupe	the most fundamental · the most active
Futur avec « will » will + verbe — une décision, une promesse ou une prédiction	will eventually · will use · will see

Prononciation à surveiller

Les sons « sh » et « zh »: sheet /ʃit/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/, refresh /ɹɪˈfɹɛʃ/
Mots longs — placez bien l’accent: fundamental /ˌfʌn.dəˈmɛn.təl/, developer /dɪˈvɛləpɚ/, accordingly /əˈkɔɹ.dɪŋ.li/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/

Les sons difficiles pour les francophones :

/tʃ/ et /dʒ/ — à ne pas adoucir en « ch » et « j »: package /ˈpæk.ɪd͡ʒ/, java /ˈd͡ʒɑː.və/, module /ˈmɑd͡ʒul/
/r/ anglais — langue recourbée, sans frotter la gorge: framework /ˈfɹeɪm.wɜːk/, wrap /ɹæp/, import /ˈɪm.pɔɹt/, accordingly /əˈkɔɹ.dɪŋ.li/, subscribe /səbˈskɹaɪb/

Comment s’entraîner avec cette vidéo

Écoutez la vidéo en entier une fois sans parler et notez les mots que vous ne connaissez pas.
Commencez à la vitesse 0,75×, répétez phrase par phrase, puis revenez à la vitesse normale quand cela devient facile.
Enregistrez-vous et comparez avec l’original, en faisant attention à des mots comme component, package, skill.

Qu'est-ce que la technique du Shadowing ?

Le Shadowing est une technique d'apprentissage des langues fondée sur la science, développée à l'origine pour la formation des interprètes professionnels. Le principe est simple mais puissant : vous écoutez de l'anglais natif et le répétez immédiatement à voix haute — comme une ombre suivant le locuteur avec un décalage de 1 à 2 secondes. Les recherches montrent une amélioration significative de la précision de la prononciation, de l'intonation, du rythme, des liaisons, de la compréhension orale et de la fluidité.

Technique du shadowing : lire le guide complet étape par étape →

Pratique du Shadowing: React Native in 100 Seconds - Apprendre l'anglais à l'oral avec la vidéo

Choisissez un mode d'entraînement

Télécharger l'application

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