Pon a prueba tus reflejos (y mi aplicación)

Gracias a todos por la cálida bienvenida. Estoy muy emocionado. Me alegra que tengamos una casa bastante llena aquí hoy. Así que, mi nombre es Eddie, y muchas gracias por estar aquí. Soy un defensor de desarrolladores como parte del equipo de PayPal. Y hoy, quiero hablar sobre datos en tiempo real.

Pero primero, juguemos un juego. Estoy muy emocionado de ver cómo va esto. Como se mencionó, el juego es Whack-A-Mole. ¿Quién conoce el juego Whack-A-Mole? Oh, ¿75%? Sí, eso es realmente bueno. Bien, genial. Les prometo que no se lastimaron topos en la creación o en el juego de este juego. Pero solo para aclarar, esta charla no trata sobre desarrollo de juegos. Se trata de datos en tiempo real con el proyecto de código abierto SuperBase.

El objetivo del juego es golpear al topo si no has jugado antes. Pero no voy a entrar en eso. Quiero saltarme eso. Parece que todos saben cómo hacerlo. Pero la parte que no saben es que, con los topos, hay algunos logotipos de PayPal donde puedes obtener un bono de 10 puntos. Así que, intenta conseguirlos. Y aparecen en la segunda mitad del juego. Juguemos. Así que, si escaneas este código QR. Esta es una gran foto. ¿Puedo tomar una foto con todos ustedes? Perfecto. Escanea el código QR.

Si no quieres escanear el código QR o tu teléfono no tiene una cámara, puedes usar el enlace más tarde y puedes enviarlo a tus amigos si no están aquí también. Por favor, usa el nombre en tu insignia por dos razones. Una, va a estar en la pantalla y no quiero nada grosero. Y dos, hay grandes premios por ganar. Hay regalos adicionales que obtienes por estar aquí, pero es por orden de llegada. Así que, ve al stand directamente después y di que has estado aquí y muéstrales el juego en tu aplicación. Tal vez una foto de mí en el escenario. Y también hay un iPad Air. Creo que es un Air para ganar a las 5pm hoy.

Así que, necesitarás estar en el stand a las 5pm para ver quién ganó. Una última cosa. No cierres el navegador después del juego porque lo necesitamos para el final de la charla. Así que, mientras juegas, hablemos sobre datos en tiempo real. Entonces, ¿por qué son importantes los datos en tiempo real? Nadie quiere seguir actualizando la página. Cuando muestro la tabla de clasificación, no quiero seguir actualizándola y ver si han llegado nuevos datos. Y la encuesta no es realmente una buena solución porque no creo que realmente resuelva nada. Puede que lo haga a corto plazo, pero cada solicitud va al servidor y tal vez nada ha cambiado. Así que, eso desperdicia computación, desperdicia ancho de banda y realmente se complica a escala. Y para este juego, como voy a mostrarles en un minuto, específicamente necesito algunas características en tiempo real. Como, puedo ver cuántas personas están jugando ahora mismo. Llegaremos a cómo eso probablemente funciona en breve. Quiero decir, usas datos en tiempo real todos los días. Slack, Discord, WhatsApp.

probablemente funciona. Quiero decir, usas datos en tiempo real todos los días. Slack, Discord, WhatsApp. Así que, lo ves todo el tiempo. Entonces, déjame mostrarte el tablero de clasificación y ver cómo van las puntuaciones. ¿Cómo le va a todos? Wow. Bien. Mi computadora estaba en reposo y bloqueada. Déjame empezar todo de nuevo. Wow. 160 juegos en progreso. Quiero decir, eso es realmente, realmente increíble. Espero que alguien esté tomando una captura de pantalla de esto. Creo que necesito hacerlo. Espero que eso haya funcionado. Un pequeño atajo de teclado. Pero, sí. La gente está jugando. Muchas gracias. Esto es genial. Entonces, déjame explicarte un poco sobre el tablero de clasificación y qué es en tiempo real. Bueno, todo es en tiempo real. Pero si miras los juegos en progreso, son personas jugando ahora mismo. Y vamos a hablar de cómo podemos lograr eso. Y luego tienes el total de juegos jugados también.

Eso aumentará a medida que los juegos en progreso disminuyan. Entonces, a medida que los resultados lleguen cuando el juego termine, el total de juegos jugados aumentará. Y también, el tablero de clasificación y otras secciones también se actualizarán en tiempo real. Bien. Creo que alguien escribió mal su nombre. Podría haber un error tipográfico en primer lugar. ¿Cuántos juegos has jugado? ¿Solo uno, dos? Bien. Perfecto. Estamos listos para continuar. ¿Alguien logró obtener el logo de PayPal? Algunas personas. ¿Uno de ellos, dos o tres de ellos? ¿Dos? ¿Alguien consiguió tres? Algunos de ustedes. El juego es demasiado fácil. Necesito hacerlo más difícil la próxima vez. Bien. Genial. Quiero darte una historia muy breve, no sobre mis 15 años, cómo llegué aquí, sino cómo llegué aquí hoy con PayPal. Así que, recientemente me uní a PayPal, y ellos dijeron, ¿puedes hacer una charla divertida en JS Nation? Y pensé, bueno, hablo sobre código abierto, desarrollo full-stack, pruebas automatizadas. Creo que eso es divertido. Pero tal vez eso no, ya sabes, cuenta como divertido. Así que pensé en hacer algo un poco diferente. Y vi a Nikki de mi equipo hace un momento, y ella me dio la idea de construir un juego. Y nunca había construido un juego antes, así que pensé que eso sería divertido para mí también. Así que, comencé a pensar en qué juegos funcionarían bien en el navegador y en nuestros teléfonos. ¿Y qué hacemos todos en 2026? Preguntamos a la IA. Curiosamente, no le pedí a la IA ideas de juegos.

Así que, este era yo. Estaba realmente, realmente feliz. Pero desafortunadamente, no salió según lo planeado. Así que, le pedí a AI que construyera un MVP, y surgieron resultados. Pero no era el resultado que esperaba. Inicialmente, el topo estaba, como, aplastado. Y el botón de inicio no tenía un puntero sobre él. Así que, en mi computadora, no pensé que pudiera hacer clic en él. Pero sí podía. Y ese no era el mayor problema que tenía.

El mayor problema que tenía, el botón de inicio no hacía nada. No funcionaba. Probablemente había, como, mil líneas de código en este proyecto que AI había generado. Pero no funcionaba. El botón de inicio no funcionaba. Así que, iba y venía con AI tratando de que solucionara el problema. Pero desafortunadamente, solo estaba sobre-ingeniando esto. Quiero decir, ¿alguien ha tenido un desafío similar? Algunas manos se levantan.

Sí. Decía, tomaré una captura de pantalla. Y yo estaba como, está bien. Adelante. Aprobado. Tomaré un video. No hay video. Hay un botón, y no pasa nada. Y estaba cambiando cientos de líneas de código. Pero sí. No fue un buen comienzo para el MVP. No pensé que fuera a ir tan bien. Así que, lo que hice, pensé, empezaré de nuevo. Esta vez, no dejaría el modelo en automático. Elegiría un modelo específico. Así que, elegí un modelo de tres veces. Y creó un juego. Y funcionó. Y necesitaba algunos ajustes. Un poco tosco en los bordes.

ello como punto de partida. ¿Sabes qué me di cuenta ese día? Que un modelo de tres veces es mejor. Quema tokens mucho más rápido. Curiosamente, los quema tres veces más rápido. Cuando me di cuenta de que Whack-A-Mole era el juego con el que quería continuar, entonces comencé a agregar super base y características en tiempo real. Hablemos brevemente sobre la historia de cómo llegamos a tiempo real.

No sé si alguien recuerda, en aquel entonces, solíamos presionar F5 mucho. Desarrollo local o en internet solo para ver si había llegado un nuevo mensaje. Así que, recorriendo el camino de la memoria, comenzó siendo una solicitud y una respuesta. Todavía lo es. Pero tenías que seguir preguntando, ¿había algún dato nuevo o algún mensaje nuevo o nueva información allí? Quiero detener eso porque eso me está mareando un poco. Estoy seguro de que también te está mareando. Era casi como, ¿hay algún dato nuevo ya?

¿Hay algún dato nuevo ya? ¿Ya llegamos? No, espera un segundo. Eso es cuando estás en el coche con tus padres en un viaje largo. Pero se sentía un poco así, una y otra vez. Y era muy manual. Y si tenías 1,000 personas o 10,000 personas haciendo eso en alguna venta que está sucediendo en línea, no es muy bueno. Lo bueno de mirar, supongo que era una prueba de carga gratuita.

Luego, después de eso vino lo que llamo la era del hack donde teníamos AJAX. ¿Quién recuerda AJAX? Sí. Entonces, la web se estaba convirtiendo más en una plataforma de aplicaciones. Y los ingenieros siempre encontrarán una manera. Creo que eso es cierto. Así que, había AJAX. Reemplazaba partes de tu página detrás de las escenas. Y funcionaba más o menos bien. Definitivamente seguía siendo un hack.

También estaba Comet. ¿Alguien usó Comet? ¿No? Algunas personas. Sí, Comet haría esta conexión colgante. Haría una solicitud. Y si no había datos, simplemente esperaría. Y cuando obtenía datos, cerraría y abriría una nueva. Así que, eran conexiones colgantes. Y tampoco me gustaba eso. Recuerdo que cuando eso salió.

Yo estaba usando AJAX y un amigo dijo, estoy usando Comet, deberías probarlo. Ambos suenan no muy bien. Pero es lo que teníamos en ese momento. Y había otras soluciones. Y no me hagas empezar con diferentes navegadores. ¿Quién recuerda, como, los desafíos de los navegadores, diferentes versiones de navegadores y funcionaba en este navegador pero no en ese navegador.

Creo que la mayoría de nosotros, ¿verdad? Como, eso fue difícil. Así que, afortunadamente, personas mucho más inteligentes que yo se dieron cuenta de que necesitábamos un estándar para datos bidireccionales. Y fue entonces cuando los WebSockets se convirtieron en un estándar. Así que, nosotros podemos tener comunicación abierta entre el navegador y el servidor. Todo esto es genial, ¿verdad? Esto es perfecto. Estamos en un lugar feliz. Desafortunadamente no. La especificación estaba cambiando, como esperábamos. Pero la adopción por parte de los navegadores fue bastante lenta. Y algunas adopciones de navegadores fueron más lentas que otras. No mencionaremos ningún nombre. Así que, definitivamente fue un desafío.

Y una última cosa, no sé si alguien está al tanto, pero también recuerdo que diferentes navegadores que adoptaban el estándar lo interpretarían de manera muy diferente también. Así que, fue muy difícil en ese momento. Pero luego Socket.IO, el proyecto de código abierto, Socket.IO vino al rescate. ¿Quién ha usado esto antes? Sí, es un gran proyecto, ¿verdad? Realmente impresionante. Realmente se convirtió en el estándar. Recuerdo que muchos proyectos en los que había trabajado, usaban Socket.IO porque les daba esa abstracción de todas esas complejidades. Se sentía realmente, realmente agradable de usar. E incluso haría un fallback a long polling si los WebSockets no eran soportados en ese navegador. Así que, realmente cubría todas las bases.

En ese momento, Socket como servicio se volvió bastante popular. Muchas empresas comenzaron a surgir tratando de mejorar nuevamente la experiencia del desarrollador. Luego hubo WebSockets nativos en los navegadores. Finalmente nos dimos cuenta de que lo necesitábamos de forma nativa. Y Socket.IO ya no era necesario. Lo siento, Socket.IO. Fue un gran proyecto, pero tenía mucha sobrecarga. Se volvió más grande y más grande con el tiempo, tratando de cubrir todas las bases. Así que, nos alejamos de hacerlo funcionar a cómo podemos hacerlo eficiente y cómo podemos mejorar la DX, la experiencia del desarrollador. Así que, voy a reproducir este GIF mientras digo las últimas palabras sobre qué es un WebSocket. He mencionado esto varias veces. HTTP era la solicitud y respuesta. Y terminaba ahí y eso era todo. Pero con WebSockets, quería abrir un flujo de datos bidireccional persistente. Que era completamente dúplex. Y podías tener y puedes tener, lo siento, seguro e inseguro, al igual que con HTTP y HTTPS.

Todavía es iniciado por el cliente como una solicitud HTTP y se actualiza a un WebSocket. Y ahora al proyecto Superbase que he usado para el backend de este juego. Realmente me gusta Superbase. Quiero centrarme en las características en tiempo real. Tienen muchas otras características. Tienen base de datos, autenticación, almacenamiento, un montón de cosas geniales. Pero lo que realmente me gusta de las características en tiempo real, es que lo hizo aún más fácil de usar, lo cual pensé que era brillante. Tienes eventos de base de datos. No tienes que pensar en enviar el evento, ya se va a enviar por ti. Solo estás pensando en recibir el evento. Y luego tienes presencia, en la que vamos a entrar en más detalle también, y difusión.

Y has visto estos en mi juego. De hecho, miento, has visto dos. Has visto presencia, que era cuántas personas están jugando ahora mismo, y has visto los eventos de base de datos cuando cuántos, juegos totales jugados. Cada vez que se hacía una inserción, se incrementaba ese. Así que hay uno más para mostrarte la difusión, y por eso te pedí que mantuvieras el navegador abierto después. Si tu teléfono está bloqueado, está bien. Esperemos que todo siga funcionando. Así que de estas tres características en tiempo real, en realidad creo que los cambios en Postgres son los más fáciles de entender. Quiero decir, ¿quién ha trabajado con datos en tiempo real antes regularmente? Como un 20%. Sí, no se usa tanto. Y creo que mostrarle a la gente cómo en realidad no es tan difícil, podemos mejorar mucho la experiencia del usuario.

Así que sí, con los cambios en Postgres, es el total de juegos jugados, así que 41. Y cada vez que se ingresaba un nuevo resultado de juego, eso incrementaría. Así que solo tenemos que suscribirnos a eso, no necesitamos enviar el evento. Vamos a echar un vistazo al código. Este es todo el código que necesito para eso, con un 5% de mentira. Llegaré a la mentira en un minuto. Así que especificamos el canal, y siempre lo haremos, eso será un tema común. En este caso, puede ser cualquier cadena que desees, pero por favor usa una constante y ponla en una configuración, de lo contrario te meterás en un lío. Y luego tenemos la función on que toma tres parámetros.

Así que el primero es el tiempo real al que queremos escuchar. Así que en este caso, cambios de Postgres, pero podría ser presencia o difusión, que cubriremos a continuación. Y luego el siguiente parámetro es a qué queremos que nuestro manejador de eventos escuche. Así que en esta situación, queremos el esquema público, y este es un campo requerido. La mayoría de las veces será público, creo, para la mayoría de las personas. El evento no es opcional, pero podrías tenerlo como un comodín. Así que solo estoy interesado en inserciones, no estoy interesado en actualizaciones. Así que especifiqué inserciones, pero podrías tener un comodín. Y la tabla, solo estoy interesado en los resultados del juego. Pero eso podría omitirse si quisieras todo de tu base de datos. Y hay filtros adicionales que puedes agregar también. Y el tercer parámetro es mi callback, solo quiero incrementar cada vez que hay una inserción, eso es todo. Y luego nos suscribimos, así que registra nuestro cliente con el servidor. Realmente simple, ¿verdad? ¿Quién piensa que eso es bastante simple? Unos pocos más, unos pocos más. Bien, bien. Genial. ¿Alguien ve algo mal con esto, sin embargo? Y no es que falte un punto y coma o una coma. Esto funciona y se ejecuta, pero hay un escenario en el que esto no funcionaría. Oye, grita. Lo siento, mucho tráfico. Sí, ese es un desafío con el tiempo real con la base de datos, eso es correcto, especialmente con la seguridad. ¿Algo más?

Así que el problema es, si pierdo internet, si estoy en un tren y pierdo la conexión, entonces si vuelvo uno, verás que tengo 41 juegos jugados. Así que digamos que estoy en el tren, pierdo internet, y se completan cuatro juegos más, eso no incrementará, es disparar y olvidar. Así que cuando vuelva a tener internet, y entra un quinto juego, irá a 42, pero eso es incorrecto, debería ser 46. Así que podrías refrescar la página para solucionarlo, pero eso no es realmente una buena solución. Porque una conexión WebSocket permanece abierta indefinidamente a menos que se cierre, o haya una interrupción en la conexión a internet, como mencioné. Y es, sí, disparar y olvidar. Y creo que eso ayuda con el rendimiento y la escalabilidad. Pero luego tienes desafíos como este. Y podemos resolverlo bastante fácilmente, realmente. En la suscripción, así que cuando se reconecta, simplemente vamos y recogemos los datos más recientes nuevamente. Así que solo sucede cuando la página se carga, o si nos reconectamos. Y lo genial de esto es que no tienes que escribir mucho más código, porque esa función ya existía en mi código cuando la página se cargó por primera vez. Así que es realmente, realmente sencillo, porque no queremos refrescar la página. Y luego simplemente continuará recibiendo eventos futuros.

Así que hablemos de presencia. Esta es mi característica en tiempo real favorita de SuperBase, porque esto solía ser realmente, realmente difícil de hacer. Así que los juegos en progreso que viste en la tabla de clasificación, eso fue hecho por las características de presencia. ¿Cuántas personas están realmente jugando el juego ahora mismo? Has visto esto en Google Docs. En la parte superior derecha, ves cuántas personas tienen una vista en este documento con su foto de perfil. Y lo pasas por encima, y obtienes su nombre. Aquí, solo estoy enviando el nombre del jugador, y solo lo estoy contando. Pero puedes personalizarlo como quieras. Así que la presencia nos permite rastrear el estado entre los usuarios. Y tiene dos partes. Así que antes, el ejemplo anterior, tenía una parte. Esto tiene dos partes. Así que esto es en el jugador, así que las personas que juegan el juego. Así que tenemos el canal. Y esto puede ser cualquier cosa.

Podemos especificarlo nosotros mismos. Y luego en la función subscribe, enviamos el rastreador de presencia cuando nos suscribimos. Y eso es todo. Y de nuevo, esto no es ideal para un alto volumen de datos. Por alto volumen, me refiero al seguimiento del ratón. No me refiero a muchas personas, sino al jugador tratando de enviar muchos y muchos datos. Hay otra solución para eso.

Pero eso es bastante sencillo. Y luego en mi tabla de clasificación, de nuevo, es bastante sencillo también. Esta es la parte dos. Conectamos el mismo canal. Así que es la misma constante.

Y luego tenemos tres parámetros de nuevo. Así que el primer parámetro no es Postgres changes. Es presencia. Eso es lo que queremos escuchar. Y luego el segundo, queremos escuchar el evento de sincronización. Hay tres eventos para la presencia.

Sync es si alguien se conecta y desconecta. Hay join y leave. No quería incrementar y decrementar a medida que las personas se unían. Quería que siempre fueran todos los eventos.

Y simplemente lo contaría cada vez porque el número no va a ser tan grande. Pero puedes tener algunas mejoras de rendimiento si lo necesitas. Hay formas de hacerlo. Es altamente personalizable.

Y el tercero es el callback donde cuento a todos los que están jugando en este momento, y lo configuro para la UI. Broadcast. Así que broadcast es el que usarás más. Es el más escalable. Es el más flexible para usarlo para notificaciones, eventos personalizados, datos de alta frecuencia como el seguimiento del mouse si eso es lo que querías hacer.

Y esto viene en dos partes de nuevo. Pero voy a darle la vuelta y vamos a empezar en la parte del leaderboard porque eso es lo que va a enviar el evento. Y recibir el evento es tu página de juego. Así que especificamos el canal. De nuevo, he elegido un canal aquí. Y luego voy a enviarte el tipo que es el broadcast. Y luego hay un evento. Y esta vez, estoy especificando el evento.

Puedes escuchar todos los eventos o escuchar solo este. Y he configurado tu juego para escuchar solo este. Y luego configuro la carga útil. Y la carga útil podría ser lo que quieras. Pero solo estoy diciendo que haga que la tienda de swag sea verdadera. Una forma de ver el canal y el evento es que el canal podría ser las conferencias. Como podría haber múltiples conferencias sucediendo alrededor del mundo. Eso podría ser el canal. Y el evento serían las pistas dentro del canal. Así es como trataría de desglosarlo.

Y el evento serían las pistas dentro del canal. Así es como trataría de desglosarlo. Y Superbase tiene algunas características realmente buenas sobre cómo incluso podrías enviar un evento en tiempo real a través de una solicitud HTTP si no quieres que tu cliente se conecte a través de WebSocket. Puedes simplemente hacer una solicitud HTTP y Superbase hará toda la transmisión por ti. Y en el lado del jugador, es bastante sencillo. El mismo canal, el mismo primer parámetro en la función on, y el mismo evento podría poner un comodín allí si quisiera.

Y luego solo verifico si está configurado en verdadero. Y luego lo configuro en la UI. Bueno, creo que eso es bastante sencillo. Creo que eso es bastante bueno. Deberíamos usarlo más, ¿verdad? Deberíamos usarlo para todo. No, estoy bromeando. No lo uses para todo. Usemoslo donde tenga sentido. Creo que es hora de mostrarte la transmisión. Así que, si todos miran sus teléfonos, deberían ver un botón de inicio o un botón de reproducción. ¿Es correcto? Sí.

Bien. Genial. Así que, si vuelvo a esto, oh, la gente ya ha comenzado a hacer clic en el pago. Bien. Interesante. Correcto. Bien. ¿Dónde está mi ratón? Lo perdí. Aquí vamos. Bien. Así que, tu botón debería cambiar ahora. Si viste un botón de inicio, ¿qué dice ahora? ¿Iniciar o reproducir de nuevo? Debería decir swag. Sí. Así que, si haces clic en eso, irás a la tienda de swag. Pero antes de hacer cualquier otra cosa en la tienda de swag, déjame decir algo. Hay una tarjeta ficticia en la parte superior. Y todo esto está sucediendo dentro del sandbox. Así que, por favor, no ingreses ninguna información real. Eso es uno. Dos, si te desplazas hacia abajo en tus teléfonos, ¿ves un botón de PayPal?

Así que, ahora no puedes pedir ningún swag gratis. Eso es cruel. Todos han sido buenos participantes. Así que, lo volveré a habilitar. Bien. Perfecto. Así que, sí. Veo a la gente haciendo clic en los pagos. Y está cubriendo mi último botón. Pero está bien.

Bien. Déjame celebrar. ¿Alguien recibió confeti en su pantalla? Sí. Bien. Brillante. Así que, la transmisión está funcionando. Y estoy simplemente enviándolos a ustedes. Así que, eso es genial. Déjame mostrar mis diapositivas rápidamente. Ve al pago como invitado y usa la tarjeta ficticia que está en la parte superior de la página, por favor. Todo está sucediendo en un sandbox. Y luego desactiva, no crear una cuenta de PayPal. Todo es...sí, sandbox. Como dije, mi sandbox.

Pero quiero muchos usuarios allí. Y cómo hice esto fue con el React SDK. Es realmente sencillo. NPM install, importa el SDK, añade el proveedor de PayPal, y luego añadí un botón. Y luego con create order, viste en la parte superior derecha de la tabla de clasificación, personas haciendo clic en el pago. Así que, en la función para create order, puse un mensaje de toast, y también tengo un mensaje de toast cuando las personas aprueban y pagan el pedido. Y eso es todo. Muchas gracias a todos por su tiempo hoy y por jugar mi juego. Realmente, realmente lo aprecio.

Realmente, realmente lo aprecio. Si quieren conectarse con nosotros, nuestras redes sociales para desarrolladores de PayPal están arriba, y las mías también. No olviden venir y recoger su swag de la tienda de swag en el stand. Si tienen algún problema, solo vengan al stand, muéstrenles una foto mía de que estuvieron aquí, y les darán el swag extra que tienen además del stand. Es por orden de llegada, así que me dirigiría allí directamente después de esto. Y definitivamente vengan y hablen con nosotros sobre PayPal o sobre tiempo real o sobre cualquier otra cosa. Gracias a todos por su tiempo.

Realmente lo aprecio. Espero sus preguntas. La primera es, ¿cómo depuras errores en tiempo real cuando solo ocurren en vivo? Oh, esa es una pregunta interesante, de hecho. Creo que esa, vengan a verme al stand, porque he estado jugando con algunas herramientas diferentes, y esa todavía estoy tratando de resolver así que también me encantaría escuchar las opiniones de la gente sobre eso.

Esa es difícil, y probablemente una de las razones por las que la usamos menos, creo, porque es difícil depurar esos. Así que creo que esa es una conversación más amplia, y estoy realmente interesado en eso, así que por favor vengan a encontrarme en el stand de PayPal. Bien, la siguiente aquí. ¿Has probado Convex? ¿Cómo se compara con Superbase? ¿Convex? Sí, Convex. Hacen sincronización en tiempo real. Es algo similar. Tienen su propia API, pero deberías echarle un vistazo. He probado bastantes, pero no he oído hablar de ellos. He probado Firebase es otro popular, Apri y algunos otros.

Firebase es otro popular, Apri y algunos otros. No puedo recordar sus nombres, pero no he probado esos, así que tendré que investigarlo y ver qué características tienen. Sería realmente interesante. Mi pregunta para la persona que hizo esa pregunta es, ¿es de código abierto entonces? Porque realmente me gusta cómo con Superbase, puedo alojarlo temporalmente yo mismo para una aplicación de producción. No lo haría, pero al menos tal vez solo con un prototipo comenzando, podría alojarlo yo mismo y luego pasar a su solución alojada. Así que sí, me interesaría saber si Convex es de código abierto o no. Sí. Bien, el siguiente aquí. ¿Cómo manejas el tiempo real en una configuración de múltiples contenedores? Sí, eso es interesante porque tienes el mismo problema con sesiones basadas. Tienes un balanceo de carga sticky o algo así, y eso es muy, muy cierto. Nuevamente, ven a verme después o envíame un DM. Eso es algo que debería estar en mi lista de cosas por hacer.

Así que sí, estas son grandes preguntas. Me encantan estas. Sí, recuerdo cuando Meteor era realmente popular. No sé si usaste Meteor alguna vez, pero Meteor, eso era como lo grande de lo que la gente solía hablar. Escalabilidad de estos sistemas en tiempo real por defecto, ¿verdad? Bien, el siguiente aquí. ¿Puede la presencia limitar o agregar métricas para que los datos sean menos frecuentes o ruidosos? Lo siento, repite eso. ¿Puede la presencia limitar o agregar métricas para que los datos no sean tan ruidosos? Podrías pensar en mucho tal vez de layout thrash de datos que llegan o cosas así. Bueno, tengo que ver cuál sería el caso de uso. Me gustaría pensar en cuál sería el caso de uso y luego tratar de ver cuál sería la solución. Así que nuevamente, ¿quién preguntó eso? Me encanta esa pregunta. Ven a verme después de mi próxima sesión de preguntas y respuestas en el stand porque ese es un buen escenario y habrá una manera, pero es solo si usamos presencia.

¿Usamos algo más? Así que esa es una interesante. Sí. Con Durable Objects, hicimos algunas cosas en vivo en el evento de Syntax anoche y la gente simplemente uniéndose y saliendo, uniéndose y saliendo. Podías ver los números fluctuando en tiempo real. Puede ser un poco agitado, ¿verdad? Sí. Bien, el siguiente. ¿Por qué no añades el total de la tabla de clasificación al payload del WebSocket? ¿Por qué añadí el? El total de la tabla de clasificación en la demo. Total de la tabla de clasificación. Sí. ¿Por qué lo añadí o por qué no lo añadí? Lo hiciste. Necesito revisar mi código. Sí. No. Ven a verme después. No puedo recordar. No estoy seguro sobre eso. Así que el siguiente aquí. Pero ven a verme. ¿Necesitas darte de baja para evitar fugas de memoria? Sí. Sí, definitivamente. Mantuve el código muy, muy pequeño.

Recoge tu swag porque realmente aprecio esa pregunta. Lo siento por arruinarlo. Vamos a hacer de código abierto el código porque la gente quiere hacer mejoras. Sí, verás en el código del juego, hay un unsubscribe. Necesitas darte de baja. De lo contrario, puede volverse un poco pesado en memoria, digamos, y un poco desordenado. Así que sí.

¿Cómo manejas a los usuarios maliciosos que envían 500 juegos jugados después de que se han desconectado? ¿500 juegos jugados? No estoy muy seguro sobre esa parte. Supongo que una mejor pregunta podría ser cómo manejas a los usuarios maliciosos en escenarios en tiempo real como este. Así que aún puedes bloquearlo y aún puedes asegurarlo. Tuve que mantener, porque nadie estaba iniciando sesión, tuve que mantener todo abierto. Así que intenté hacer ciertas codificaciones, supongo, técnicas, hacks, para limitar la forma en que la gente podría hacer trampa. Pero obviamente siempre hay una manera cuando es público frente. Así que en retrospectiva, hacer que la gente inicie sesión y luego puedo bloquearlo.

Superbase tiene, puedes enviarlo para usuarios autenticados, usuarios específicos. Puedes ser bastante granular con cuánto lo bloqueas en términos de seguridad. Nuevamente, para hoy, ¿querrían todos iniciar sesión y registrarse? Probablemente no. Por eso lo dejé abierto. Así que sí. Puedes estar seguro de que si tienes una demo en tiempo real de cualquier cosa, la gente va a hacer su mejor esfuerzo para saturarla. Sí, es parte de la diversión.

Está bien. Estamos en una conferencia de tecnología. Todavía me hace reír. Exactamente, correcto.

¿Cómo abordarías el monitoreo del manejo de eventos en una aplicación así? Cierto. Así que podrías usar los comodines si quisieras hacer algo tú mismo, pero Superbase ya tiene herramientas. Así que estaba mirando el panel de control. Puedes ver desde las 9 de esta mañana, los eventos en tiempo real realmente comenzaron a aumentar. Así que tiene algunas herramientas, pero podrías querer algo personalizable.

Y luego, en lugar de ser realmente específico con lo que escuchas, podrías mantenerlo más general y luego tener tal vez, no sé, un panel que tenga todos los eventos que pasan por el sistema y verlos. Así que sí, definitivamente es posible. Esa página sería interesante. Creo que tendrías que tener algo así como con los registros de Vercel, donde puedes decir en tiempo real, pero luego puedes pausarlo y luego puedes reproducirlo de nuevo. Creo que tienes algo como eso porque sería rápido. Eso podría ser algo que podría simular esta noche. Sería bastante interesante ver cómo resulta mañana. Sí.

Sí. En tiempo real, solo mucha diversión en general, ¿verdad? Y de igual manera, ¿cómo usa PayPal el tiempo real en el producto principal de PayPal? Esa es una pregunta difícil. ¿Quién hizo esa pregunta? Te diré por qué es una pregunta difícil porque comencé mi charla con, acabo de empezar en PayPal. Así que no puedo responder eso, pero hay personas en el stand que pueden. Así que sí, ve y habla con ellos.

Pero intentaré averiguarlo para la próxima vez. Está bien. ¿Cómo Superbase u otras alternativas, o tiene Superbase u otras alternativas algo como la lista de Redis donde los eventos de la lista persisten hasta que se eliminan explícitamente después del proceso en lugar de enviar y olvidar? Así que sí. Está bien. Así que Superbase tiene reproducción. Así que hay cosas que puedes hacer. Afectan tu almacenamiento, afectan tu rendimiento. No lo incluí en esto porque habría sido una charla mucho más larga, pero sí, puedes tenerlo. Así que, por ejemplo, si te unes a un chat, no querrás entonces, no tendrás los mensajes históricos, lo cual estaba pensando, algunas herramientas tienen eso. Estoy tratando de pensar como, creo que con WhatsApp, cuando te unes, no ves los mensajes históricos. Pero con Slack, cuando te unes a un chat grupal o un canal, ves los mensajes históricos y ahí es donde la función de reproducción entraría en juego. Y obtendrías esos mensajes que te perdiste porque no estabas allí. Así que es posible. Genial. Bueno, muchas gracias, Eddie.