React Native, crear aplicación como Netflix con Mario Díez

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En esta ocasión utilizaremos un componente para crear un slider que tendrá el mismo estilo que el de la aplicación de Netflix. Con este componente podremos mover con el dedo las imágenes y se activará por defecto una vez abramos la aplicación de React Native.

Github: https://goo.gl/uos708

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

Este tutorial lo dedicaremos a crear un header y un menu animado en React Native como el que podemos ver en la app de Netflix para iOS, con prácticamente el mismo efecto y el mismo estilo, con lo que nos permitirá mejorar nuestras habilidades con Flexbox.

Github: https://goo.gl/uos708

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

******SOLUCIÓN: NAVIGATOR ESTÁ DEPRECATED*******

La solución que ofrece Facebook:
1.- Instalar el componente
npm install --save react-native-deprecated-custom-components
2.- Importar Navigator.

*******RECOMIENDO UTILIZAR REACT NAVIGATION******

Video explicativo: https://www.youtube.com/watch?v=lvY150aX5PM
React Navigation docs: http://facebook.github.io/react-native/docs/navigation.html

No olvides que puedes seguirme en Twitter e Instagram:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY

En este video podemos ver como utilizar FlatList para crear un Grid con las portadas de las series a partir de la búsqueda de nuestra aplicación de Netflix en React Native.

Github: https://goo.gl/uos708

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En el video de hoy haremos el estilo de la aplicación que se encarga de mostrar los datos de las series así que utilizaremos más Flexbox, además el componente tabs y linear gradients en la aplicación de Netflix en React Native

Github: https://goo.gl/uos708
Datos de las series: https://goo.gl/ewY1np

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

Instalaremos un reproductor de video para poder contar con una interfaz donde podamos ver trailers en nuestra aplicación de Netflix en React Native

Github: https://goo.gl/uos708
VideoPlayer.js: https://goo.gl/Iz85oS

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

Aquí veremos como utilizar la API para compartir en redes sociales los datos de nuestra aplicación en React Native con el ejemplo que llevamos haciendo las últimas semanas de la app de Netflix.

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

Al final de este video habremos creado un header animado que nos permitirá ver en todo momento que serie estamos viendo mientras estamos escogiendo que capitulo ver en nuestra aplicación de Netflix creada con React Native

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En este video podemos ver como funciona React Navigator y como crear una estructura de navegación como la que teníamos pero con este componente en React Native y en nuestra aplicación de Netflix

Data.json: https://gist.github.com/mariodev12/5b582f6d91f61393cf3f0f29052b817c
App: https://github.com/mariodev12/react-native-netflix
react navigation: https://reactnavigation.org

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En este video crearemos una cabecera animada con dos elementos dependiendo de la posición en la que se encuentre el scroll en nuestra app de Netflix creada con React Native y el componente Animated

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En este video aprenderemos a crear un modal que nos permitirá modificar la temporada a mostrar así como sus capítulos. A partir de la aplicación de React Native de Netflix con React Navigation crearemos una nueva vista que controlará que temporada tenemos seleccionada.

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

Para poder utilizar React Navigation con Redux hay que re estructurar un poco la aplicación, es lo que hoy veremos en este video de React Native con nuestra aplicación de Netflix.

Código en Github: https://github.com/mariodev12/react-native-netflix

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En este video haremos un backend para nuestra aplicación de Netflix en React Native, obteniendo las series desde tvmaze.com y guardándolas en mongodb para luego poder mostrar las series dependiendo del genero de la serie que escogemos en el menu

Github: https://github.com/mariodev12/React-Native-NodeJS-server-with-mongodb
MongoDB: https://www.mongodb.com
NodeJS: https://nodejs.org

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En este video repasaremos como funciona redux y conectaremos a nuestra aplicación de netflix con nodejs y mongodb con las series a React Native

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!

Suscríbete para más videos: https://www.youtube.com/c/MarioDiezOficial?sub_confirmation=1

No olvides que puedes seguirme en Twitter, Instagram y Facebook:

Twitter: https://goo.gl/CbwwS6
Instagram: https://goo.gl/QaLjPY
Facebook: https://goo.gl/Zv7BmD

En este video veremos como utilizar shouldComponentUpdate en nuestra aplicación de Netflix en React Native en el Menu para mostrar todos los géneros.

Github: https://github.com/mariodev12/react-native-netflix

Si tenéis cualquier duda o algo no está correctamente explicado dejad un comentario y los contestaré encantado!