Tutorial de React Native para principiantes: cree una aplicación React Native [2020]



Tutorial de React Native para principiantes: aprenda a crear una excelente aplicación React Native para iOS y Android. 🚀 Obtenga el curso React Native completo: 👍 Regístrese para recibir más tutoriales de React Native como este: CONECTARSE CONMIGO Mis cursos: Mi blog: Mi Facebook: Mi Twitter: LEARN REACT Tutorial para principiantes: Dominar el curso React: MATERIALES ADICIONALES Diseño Ejercicios en PDF: Diseño Ejercicios Materiales suplementarios: CONTENIDO 0:00:00 Introducción 0:02:20 Requisitos previos 0:02:58 ¿Qué es React Native? 0:04:33 Expo 0:06:19 Configuración del entorno de desarrollo 0:09:17 Su primera aplicación React nativa 0:14:38 Se ejecuta en un simulador de iOS 0:18:02 Se ejecuta en un emulador de Android 0:26: 48 Se ejecuta en un dispositivo físico 0:27:54 Grabación 0:29:16 Depuración con Chrome 0:34:27 Depuración en VSCode 0:41:39 Publicación 0:46:30 Fundamentos 0:48:20 Pantalla 0:51: 08 Texto 0:53:50 Imagen 0:59:25 Tocables 1:04:21 Botón 1:06:01 Aviso 1:09:55 Hoja de estilo 1:14:49 Código específico de plataforma 1:18: 06 Diseño 1: 18:43 Tamaño 1:22:22 Detección de cambios de orientación 1:27:39 Flexbox 1:30:56 flexDirection 1:32:48 requireContent, alignItems y alignSelf 1:37:22 flexWrap y alignContent 1: 40:22 flexBasis, flexGrow y flexShrink 1 : 43: 07 Posicionamiento absoluto y relativo 1:45:59 Ejercicios 1:46:58 Pantalla de bienvenida 1:57:55 Pantalla de visualización de imágenes 2:02:51 Refactorización #reactjs #javascript # programación React Native es un marco para la creación de aplicaciones Móvil multiplataforma para iOS y Android. Si es un desarrollador web que está familiarizado con React y JavaScript, React Native es la forma más rápida y sencilla de pasar al desarrollo móvil. .

About MiReal

Compruebe también

Buenas noticias para los usuarios de Jio | Jio Pages lanza un nuevo servicio para Android TV

🔥 SUSCRÍBETE PARA VÍDEOS DIARIOS ►. Sorteo Samsung Galaxy Tab A7 Hindi Consejos para la …

45 comentarios

  1. Guys, what else do you want to learn from me?

  2. Can you guide me? React Native or Flutter?

  3. Look he made the Chad flag

  4. Thanks! This is enough for me at least to start

  5. finally chitu made an app

  6. We must salute this guy becoz he uploaded a comprehensive course on android app development for free.

  7. I still don't understand…how do i execute all that on a windows machine?? For non Mac users??

  8. I tried reching out to you on your website please reply

  9. Good Day what is the app i need to download to create a mobile app

  10. Does he make the whole project in this course ??

  11. I can't seem to find react native in my vscode for the debugging section. I have tried reinstalling the react native tools as well as restarting my editor but react native doesn't show up as an option for debugging. Please help :'(

  12. FYI anyone watching this, don't use sudo for npm, that's fast track to having a bad time. Instead if your install is that messed up, I suggest re-installing node correctly. You really should be using a version manager as well like volta or nvm.

    Also cmr+r starts a recording in ios simulator (and reloads).

  13. How did you make vs code look much larger or zoom in? I have poor eyesight and this will be helpful. Thank you in advance!

  14. how do you save to see the chnages? can anyone help?

  15. "Attach to packager" configuration is no longer available for React Native Tools extension.
    It was such a pain to try find a workaround. I wish it on no one. Just stick with chrome dev tools.

  16. Which extension is needed to get auto import ?

  17. Can I complete this tutorial without Xcode? I can't expand my xcode.xip file 🙁

  18. I have a question. When I Try to download @react-native-community/hooks and try to import it in vs code, expo keeps giving me an error saying "While trying to resolve module `@react-native-community/hooks` from file `C:UsersapersonexpotutApp.js`, the package `C:Usersapersonexpotutnode_modules@react-native-communityhookspackage.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`C:Usersapersonexpotutnode_modules@react-native-communityhookslibindex.js`. Indeed, none of these files exist:

    * C:Usersapersonexpotutnode_modules@react-native-communityhookslibindex.js(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

    * C:Usersapersonexpotutnode_modules@react-native-communityhookslibindex.jsindex(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

    Failed building JavaScript bundle.

    While trying to resolve module `@react-native-community/hooks` from file `C:UsersapersonexpotutApp.js`, the package `C:Usersapersonexpotutnode_modules@react-native-communityhookspackage.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`C:Usersapersonexpotutnode_modules@react-native-communityhookslibindex.js`. Indeed, none of these files exist:" I don't Know What I Did wrong. I did everything Mosh did in the video. Can Someone help me?

  19. Hey Mosh, great video man ! I just love them and I have been learning a lot. I request you to share a TensorFlow and threeJs tutorial video of yours. It's just that, I tried to find them both and but couldn't. So if there are already uploaded, please share the link or the timeline when you will work on them.

  20. Which one of the extensions that automatically imports the components ? I don't have the suggestion with import !

  21. this is not a good channel to learn. you should go to Traversy media instead of this. Mostly just advertise and scratch the surface.

  22. Mid-2021 and react native doesn't need the community hooks for orientation. Instead something like this should work fine:
    const windowSize = Dimensions.get("window");
    const orientation = windowSize.width > windowSize.height ? "landscape" : "portrait";

  23. Thank you for the boost of hope you gave me Mr. Mosh I used to hate being an engineer because I didn't understand anything about programming because of the doctors and teachers who taught us but now I love programming and engineering.
    Thnx a lOoooooOt

  24. how to set image at the bottom as well as 2nd image in footer in one screen!!!!!?????

  25. Mosh your teaching strategy is excellent. When we are going to debug in vs code 36.24 min react Native environment is not shown. So as a solution we will have to install react native full pack extension.

  26. Lovely Tutorial. Thanks a lot Mosh

  27. hey Mosh, I was wondering which program you use to build react native apps with. Thank you for sharing your knowledge!

  28. Please make a video on Golang Confetti Framework there is not a single video on youtube.

  29. You see we are listening to you like a good student listen to his or her teacher…you are the teacher here and we are your students 🙂 we grow we code we do something from your teachings 🙂

  30. I have a question what does this mean /configuration/

    • should NOT have additional property 'nodeModulesPath'.

  31. Hey Mosh, in VSCode in order to get React Native for debug selection you need 'React Native Tools (Preview)'. There is another React Native Tools but won't populate in the debug selection

  32. Hey can you please tell me what terminal you are using

  33. my best instructor ever . thank you mosh

  34. Thank you brother. Loved your tutorial.

  35. Which terminal window did you use to install expo CLI?

  36. Watched the whole thing… This is brilliant!

  37. Just bought your course after finishing this video tutorial . You are AMAZING, thank you so much for this!

  38. waohhhh good application thank's

  39. Perfect video thx u r awesome .d

  40. Does anyone know the name of the guitar music in the background at 46:30?

  41. Thank you so much for share!

  42. Hi Mosh, Thank you for creating this amazing course, I learned a lot with all your tutorials. I have one question for expo. How can we use WebRTC to make video streaming app. Please help me.

  43. There is no backend code for react-native app in Networking zip file.. what we can do now?

  44. thanks a lot mosh. take love from Bangladesh <3

  45. Dogerblue has its separate fanbase

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *