Junio  4, 2021

Episode 1: Issue #1

Una autenticación telefónica en Ruby. Cambios en la versión 3.6 de Gatsby. Un cambio en el modo en que creamos componentes con Vue.js y la llegada de los podcast subtitulados a Spotify.
Share this episode: 

1. Feed contributor Ruby on Rails, By Santiago Sanchez

Phone Authentication in Ruby


2. Feed contributor React, By Jose Castro

v3.6 (May 2021 #2) Welcome to gatsby@3.6.0 release


3. Feed contributor Vue.js, By Fredy Guevara


4. Feed contributor Podnation, by Mariana Ravagli

3 Updates on the Spotify Mobile Experience to Help Improve Accessibility




[00:06] - Intro

Hola yo soy Santiago, yo soy Jose, yo Fredy y yo soy Mariana, somos feed contributors y esto es The Feed Podcast. Un micropodcast informativo. Cada semana escucharan nuevas actualizaciones de las tecnologías que usamos en la compañía, así que empecemos...


[00:39] - Santiago Sánchez

Noticia: Phone Authentication in Ruby/ 31 de mayo 2021

Bueno hola a todos, el día de hoy vengo a traerle un artículo relacionado a la autenticación telefónica en Ruby. Como pues uno de los varios métodos que tenemos para hacer autenticación de usuarios, en esta autenticación telefonía ¿Qué beneficios vamos a tener? que todo el mundo tiene un teléfono hoy en día, que los usuarios no van a tener que recordar contraseñas. Lo otro es que es pues muy fiendly por decirlo así, es muy sencillo de usar hoy en día. Como anotación no debemos utilizar este sistema de autenticación como único método para sistemas que requieran alta seguridad entonces pues para tener eso en cuenta.

En este artículo lo que se va a ver es como hacer un API que genere los tokens de teléfono que se pueden usar para iniciar sesión o para registrarse y de esta manera no es necesario crear un registró de usuario antes de verificar un teléfono.

Hay unos casos de uso que se van a verificar como por ejemplo, si yo soy un usuario recurrente y quiero iniciar sesión, entonces yo voy a la pantalla de inicio de sesión e ingreso a mi teléfono, recibo un mensaje con el código de verificación e ingreso el código, ya luego de eso estoy conectado al sistema. Y el otro caso de uso que nos plantean es como un nuevo usuario yo quiero registrarme entonces yo voy a la pantalla de inicio de sesión, ingreso mi teléfono recibo un mensaje con el código de verificación, se ingresa el código, entro mi nombre y correo electrónico y ya, presionar enviar y ya estoy registrado...esos son los casos de uso que se nos plantean.

Después en este último caso de uso después de la verificación telefónica, queremos devolver un token de teléfono seguro, que junto con el nombre y ese correo electrónico se puedan intercambiar para crear una nueva cuenta. El token del teléfono va a hacer una cadena de teléfono codificada y firmada por nuestra clave secreta y eso es como prueba de que se originó en nuestro sistema. Un aspecto importante es que los flujos de inicio de sesión y registro, tienen que introducir siempre un número de teléfono y la obtención de un token de teléfono.

Luego de eso, la aplicación de nosotros puede verificar si un usuario con dicho teléfono ya existe, pues varios casos de uso... y si ya es así simplemente inicie sesión o sino de lo contrario proceda a registrarse. Y ya para finalizar en el API lo que se hace es, se pide al usuario un teléfono y se envía un código de mensaje, se verifica el teléfono ingresando el código que se envió y si obtiene un phone token codificado como cambio de eso y ya luego se intercambia el phone token con la información de usuario o se usa el token de teléfono para crear el nuevo usuario con un teléfono verificado.

Les dejo acá los enlaces para que lean la noticia más a fondo y verifiquen pues el código que nos comparten. Saludos.


[04:21] - Jose Castro

Noticia: v3.6 (May 2021 #2) Welcome to gatsby@3.6.0 release

Hola kommitters, la noticia de esta semana de React está relacionada con Gatsby.

Gatsby es un generador de sitios estáticos está construido en React y está y alimentado por GraphQL. Permite que cualquiera pueda crear sitios web y aplicaciones muy ricas en funciones, como lo hace WordPress, la diferencia es que Gatsby obtiene los datos de su sitio de diferentes fuentes, incluyendo sitios web existentes, llamadas APIS o archivos planos a través de GraphQL, y crea el sitios estático basándose en los ajustes de configuración que se especifica por el usuario.

Creo que ha tenido una gran aceptación en general en la comunidad. En la página principal del Blog de Ciencia de Datos e Ingeniería de Airbnb está impulsada por Gatsby, aunque las entradas reales del blog están alojadas en Medium.

En mayo, tenemos la nueva release, la versión 3.6 de Gatsby y esta versión está repleta cambios para las funciones, plugins y temas de Gatsby ahora podrán enviar funciones sin servidor, esto nos habilita muchas oportunidades por ejemplo para sitios estáticos o sitio como e-commerce que se lanzan con lógica de frontend y de backend.

También ahora las funciones admiten la carga de archivos en los formularios, y por último también se deshabilitó el proceso de minifaction de funciones para acelerar el proceso de compilación, se habilitó el sistema de caché para Webpack 5, y las funciones en desarrollo se compilarán con un enfoque lazy para garantizar un arranque rápido y creo que eso es todo kommitters, gracias.


[06:13] - Fredy Guevara

Noticia:

Hola kommitters, hoy les hablaré de los Functional components. Normalmente eran útiles en 2 casos: para mejorar la optimización de los tiempos de carga, porque cargaban más rápido que un Stateful Component y para retornar múltiples Root Nodes.

Con las últimas actualizaciones de Vue en su versión 3, la diferencia en tiempos de carga entre functional components y stateful components es prácticamente nula, esto supone entonces un cambio en el modo en que creamos componentes ... ¿Por qué? porque a pesar de lo rápido que eran los funcional components era difícil trabajar con ellos por varias limitantes, algunas de ellas eran que no eran reactivos y aparte no se podía hacer referencia a ellos mismos usando el this. Entonces ahora teniendo tiempos de carga similar a un stateful component lo lógico es que hagamos uso de estos últimos. Eso fue todo. Gracias


[07:15] - Mariana

Hola kommitters, les cuento que desde este mes empiezo a ser feed contribuir de Podnation y semana a semana les voy a compartir actualizaciones y nuevos features en el mundo del podcasting.

Hoy les traigo una nueva actualización de Spotify, no es un secreto que lo que quiere lograr esta plataforma sueca es ser la plataforma de audio número 1 en América Latina, y pues para alcanzar ese objetivo tiene que trabajar en ser mucho más asequible... aquí va la noticia....

Spotify lanzó una actualización que mejora la accesibilidad de los usuarios a los podcasts, se trata de una versión beta para transcribir los podcasts automáticamente. Así como lo oyen, pero esto es bien diferente a la transcripción común o las notas de cada episodio...les cuento por que...

  1. Los subtítulos van a ser generados automáticamente.
  2. Cada usuario podrá seguir al pie de la letra el podcast, podrá desplazarse en cualquier párrafo escrito y dar clic sobre la palabra en la que quieren iniciar el audio
  3. Se van a poder leer las transcripciones incluso cuando el volumen del podcast esté silenciado.
  4. Claramente esta nueva funcionalidad le da a Spotify un distintivo y una ventaja frente a otros jugadores de la industria...

Ahora la desventaja o en lo que deberán trabakar es que esta funcionalidad está limitada para determinados podcasts en inglés que sean originales y exclusivos de Spotify en iOS y Android, esto quiere decir que yo si tengo mi podcast por ejemplo alojado en Podnation y es de la productora Podnation Studios, no podré acceder a este beneficio.... Aunque hay que decirlo su ambición está en que pueda estar disponible para todos los podcasts de la plataforma.

Hay que esperar como reciben los usuarios esta nueva funcionalidad, es una buena estrategia para ser más accesible, imaginemos por ejemplo un podcast en inglés, muchas veces es más fácil entender el contenido si está acompañado por el texto, incluso también porque muchas veces las palabras no pronuncian bien y nosotros como oyentes no logramos entiender el contenido, obviamente también resulta útil para alguien que este aprendiendo el idioma y quiera verificar palabras....es el SEO friendly, y lo bueno es que ya no tendríamos que avanzar o retroceder el audio para tratar de encontrar el lugar exacto que necesitamos

Vale la pena entonces tenerlo presente, creo que es una buena forma de crear una plataforma inclusiva, es una solución totalmente necesaria, que hacen que nuestros contenidos lleguen a más personas, porque no es un secreto que muchas veces la ausencia de subtítulos en los podcasts crea una barrera para las personas sordas

Seguramente llegar a ese punto, no fue muy sencillo, no es algo que sea urgente, pero si tenerlo en cuenta e ir apuntandole a eso. Ademas otra ventaja es que esta funcionalidad podría verse como un ahorro a los usuarios que ya no tendrán que utilizar aplicaciones externas como Sonix, o Trint para hacer las transcripciones de sus shows

Así que bien por Spotify, si lo que busca inclusividad lo está logrando. Y a nosotros nos da una idea, de como podemos mejorar en esos aspectos y hacerlo mejor.

Eso fue todo por hoy, nos vemos el próximo miércoles con más noticias.

Chao


[11:09] - Outro

Gracias por escucharnos, esperamos que hayan encontrado información de utilidad, si tienen preguntas las pueden hacer directamente en el canal de Recursos o por interno a cada uno. No olviden que se pueden suscribir al show y recibir las últimas actualizaciones en su bandeja de entrada The Feed, es un podcast producido por Podnation.co Chao

Podcast powered by Podnation