Persistencia de Remix con DynamoDB

Bookmark
Rate this content

Remix es el mejor marco de trabajo de React para trabajar con la segunda característica más importante de la web: los formularios. (Los anclajes son más importantes). Pero construir formularios es la parte divertida: la parte complicada es lo que sucede cuando un consumidor web envía un formulario. No la lógica de validación del lado del cliente, sino la lógica básica del backend para crear, leer, actualizar, destruir y listar registros en una base de datos duradera (CRUDL). Las bases de datos pueden ser intimidantes. ¿Cuál elegir? ¿Cuáles son los compromisos? ¿Cómo modelar los datos para consultas rápidas? En esta charla, aprenderemos sobre el increíblemente poderoso AWS DynamoDB. Dynamo promete una latencia de un solo dígito de milisegundos sin importar cuántos datos tenga almacenados, la escalabilidad es completamente transparente y viene con un generoso nivel gratuito. Dynamo es un nivel diferente de base de datos, pero no tiene por qué ser intimidante.

This talk has been presented at Remix Conf Europe 2022, check out the latest edition of this React Conference.

FAQ

DynamoDB es una base de datos de clave-valor de baja latencia y de columna ancha, administrada completamente por AWS, lo que significa que no requiere parches ni actualizaciones de software. Es relevante para aplicaciones web dinámicas porque permite almacenar datos de manera segura y rápida, esencial para funciones como la autenticación y personalización.

Las principales ventajas de usar DynamoDB incluyen su capacidad de escalar a cero, lo que significa que solo pagas por lo que usas, su integración con AWS Lambda para consultas de baja latencia, y su manejo de grandes volúmenes de datos con un rendimiento constante. Además, es una base de datos completamente administrada, eliminando la necesidad de manejar parches o actualizaciones de software.

A diferencia de las bases de datos relacionales que usan esquemas y estructuras fijas, DynamoDB utiliza un modelo clave-valor que permite un almacenamiento flexible de JSON. Esto la hace más adecuada para aplicaciones que requieren gran escalabilidad y rendimiento optimizado, sin los problemas de conexión y latencia que a menudo acompañan las bases de datos relacionales.

DynamoDB puede ser muy económico, especialmente para nuevos usuarios o aplicaciones con requisitos de almacenamiento moderados. Ofrece una generosa capa gratuita que incluye 25 GB de almacenamiento y 200 millones de solicitudes por mes. Los costos pueden aumentar con el uso, pero generalmente se considera una opción rentable para muchas aplicaciones.

DynamoDB presenta desafíos como su curva de aprendizaje, especialmente en cuanto a su modelado de datos de clave-valor y su sintaxis de consulta única. Estos desafíos pueden superarse con una adecuada capacitación y recursos, como el libro de Alex DeBrie recomendado para profundizar en su uso y mejores prácticas.

DynamoDB funciona excepcionalmente bien con AWS Lambda, ofreciendo respuestas de consulta en milisegundos de un solo dígito. Esta integración permite a las funciones de Lambda ejecutarse de manera eficiente y costeable, ideal para aplicaciones que necesitan escalabilidad y un rendimiento óptimo.

Brian LeRoux
Brian LeRoux
41 min
18 Nov, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
DynamoDB es una base de datos de clave-valor de próxima generación que tiene baja latencia, es escalable y fácil de usar. Ofrece ventajas como opciones de desarrollo local, un nivel gratuito generoso y un rendimiento rápido. Se desmienten los conceptos erróneos comunes sobre DynamoDB de ser costoso o difícil de aprender. La charla cubre temas como modelado básico, separación de preocupaciones, trabajar con DynamoDB en Remix y construir un cliente de DynamoDB. En general, DynamoDB es una base de datos potente que se integra bien con Remix y proporciona patrones eficientes de acceso a datos.
Available in English: Remix Persistence With DynamoDB

1. Introducción a DynamoDB

Short description:

Hoy voy a hablar sobre la persistencia con DynamoDB, una base de datos de clave-valor de próxima generación. DynamoDB es una base de datos de clave-valor de baja latencia y de columna ancha que permite consultar por clave y almacenar valores como JSON. Es una base de datos completamente administrada sin necesidad de parches o actualizaciones de software. Además, DynamoDB se escala a cero, lo que significa que solo pagas por lo que usas.

Hola a todos, es un verdadero placer estar aquí, y estoy emocionado de ser parte de este movimiento remix contigo. Y hoy voy a hablarles sobre la persistencia con DynamoDB. Mi nombre es Brian LaRue, pueden encontrarme en varias redes sociales, así que todavía existo bajo ese nombre, y trabajo para Begin.com.

Entonces, antes de hablar de Dynamo, voy a hablar sobre la persistencia en general. La persistencia es un requisito muy importante para aplicaciones web dinámicas. Es una complejidad esencial para cualquier cosa que sea personalizada, así que cualquier cosa que tenga un paso de autenticación y estemos guardando algunos datos sobre una persona y necesitamos hacerlo de manera segura y rápida, vamos a necesitar una base de datos. Y no se puede hacer esto con un sistema de archivos plano. No quieres hacer esto con un sistema de archivos plano porque te encontrarás con problemas de concurrencia.

Entonces, tradicionalmente, las personas elegirían una base de datos relacional, y DynamoDB es una especie de base de datos de próxima generación que se basa en clave-valor. Y así, la mayoría de las organizaciones en estos días han optado por Amazon para la infraestructura, y Dynamo es la base de datos de clave-valor insignia para AWS. Entonces, si estás usando AWS, probablemente te gustaría aprender más sobre Dynamo.

Entonces, ¿qué es exactamente Dynamo? Es una base de datos de clave-valor de baja latencia y de columna ancha que es una forma muy elegante de decir que consultamos por clave, y almacenamos valores como JSON, y podemos tener diferentes formas de diferentes columnas en cada fila. Entonces, para cada fila en mi base de datos, puedo tener diferentes atributos de elementos y todo está bien. Dynamo es una base de datos completamente administrada, y esto significa que no hay parches. No hay software para actualizar, y eso es realmente bueno. Y también es realmente bueno que se escala a cero, lo que es una forma elegante de decir que solo pagas por lo que usas, y no pagas por nada más. Entonces, es una utilización del 100%. No estás manteniendo un gran grupo de servidores solo para satisfacer la demanda que puedes tener o no. Solo usas lo que pagas, y días felices. Sigues adelante desde ahí.

2. Ventajas de DynamoDB

Short description:

DynamoDB es la base de datos administrada insignia del pionero de la nube, utilizada por Amazon ellos mismos. Ofrece excelentes opciones de desarrollo local, un gran nivel gratuito y un rendimiento rápido independientemente del tamaño de los datos. Con solo unas pocas llamadas clave a la API y una excelente compatibilidad con AWS Lambda, DynamoDB se destaca de las bases de datos relacionales tradicionales en cuanto a velocidad e integración.

Entonces, la siguiente gran pregunta que a menudo me hacen es, bueno, ¿por qué elegiría DynamoDB entre las millones de opciones de database que tenemos disponibles? Y la clave para mí es que es la base de datos administrada insignia del pionero de la cloud, y ellos mismos la utilizan en Amazon para respaldar el negocio minorista de Amazon.com. Entonces, es simplemente una buena elección. Desde ese punto de vista, tiene excelentes opciones de desarrollo local. Tiene un gran nivel gratuito. Es rápido sin importar cuántos data almacenes, lo cual es como un sueño de ciencia ficción para las bases de datos. Solía ser que al agregar servidores, se agregaba latencia, y definitivamente se agregaban problemas, lo cual no experimentamos con una base de datos administrada. Es muy pequeña, por lo que no hay mucho API que aprender. Realmente solo hay alrededor de seis llamadas clave a la API para trabajar con Dynamo, lo cual es realmente genial. Tiene un buen SDK para casi todos los runtime que puedas imaginar. Y la característica sorprendente, mi característica favorita, es que funciona muy bien con AWS Lambda, con una latencia de un solo dígito de milisegundos para consultas, sin importar cuántos data estés almacenando. Por lo general, se menciona esto, y es realmente importante porque muchas bases de datos son bastante lentas hoy en día, especialmente las bases de datos relacionales tradicionales. Se pueden acelerar, pero nunca serán tan rápidas. Y simplemente no funcionan tan bien con Lambda por diversas razones.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Construyendo Mejores Sitios Web con Remix
React Summit Remote Edition 2021React Summit Remote Edition 2021
33 min
Construyendo Mejores Sitios Web con Remix
Top Content
Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.
No resuelvas problemas, elimínalos
React Advanced 2021React Advanced 2021
39 min
No resuelvas problemas, elimínalos
Top Content
Kent C. Dodds discusses the concept of problem elimination rather than just problem-solving. He introduces the idea of a problem tree and the importance of avoiding creating solutions prematurely. Kent uses examples like Tesla's electric engine and Remix framework to illustrate the benefits of problem elimination. He emphasizes the value of trade-offs and taking the easier path, as well as the need to constantly re-evaluate and change approaches to eliminate problems.
Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Haciendo JavaScript en WebAssembly Rápido
JSNation Live 2021JSNation Live 2021
29 min
Haciendo JavaScript en WebAssembly Rápido
Top Content
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making JavaScript on WebAssembly fast, instances can be created for each request, reducing latency and security risks. Initialization and runtime phases can be improved with tools like Wiser and snapshotting, resulting in faster startup times. Optimizing JavaScript performance in WebAssembly can be achieved through techniques like ahead-of-time compilation and inline caching. WebAssembly usage is growing outside the web, offering benefits like isolation and portability. Build sizes and snapshotting in WebAssembly depend on the application, and more information can be found on the Mozilla Hacks website and Bike Reliance site.

Workshops on related topic

Domina los Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Domina los Patrones de JavaScript
Top Content
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante esta masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debería conocer. A través de ejercicios prácticos, ejemplos del mundo real y discusiones interactivas, los asistentes profundizarán su comprensión de las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables. Al final de la masterclass, los participantes ganarán una nueva confianza en su capacidad para escribir código JavaScript de alta calidad que resista el paso del tiempo.
Puntos Cubiertos:
1. Introducción a los Patrones de JavaScript2. Patrones Fundamentales3. Patrones de Creación de Objetos4. Patrones de Comportamiento5. Patrones Arquitectónicos6. Ejercicios Prácticos y Estudios de Caso
Cómo Ayudará a los Desarrolladores:
- Obtener una comprensión profunda de los patrones de JavaScript y sus aplicaciones en escenarios del mundo real- Aprender las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables- Mejorar las habilidades de resolución de problemas y la legibilidad del código- Mejorar la colaboración y la comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento de la carrera y las oportunidades de avance en la industria del software
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
React Day Berlin 2022React Day Berlin 2022
86 min
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Usar una biblioteca puede parecer fácil a primera vista, pero ¿cómo eliges la biblioteca correcta? ¿Cómo actualizas una existente? ¿Y cómo te abres camino a través de la documentación para encontrar lo que quieres?
En esta masterclass, discutiremos todos estos puntos finos mientras pasamos por un ejemplo general de construcción de un editor de código usando CodeMirror en React. Todo mientras compartimos algunas de las sutilezas que nuestro equipo aprendió sobre el uso de esta biblioteca y algunos problemas que encontramos.
Fundamentos de Remix
React Summit 2022React Summit 2022
136 min
Fundamentos de Remix
Top Content
WorkshopFree
Kent C. Dodds
Kent C. Dodds
Construir aplicaciones web modernas está lleno de complejidad. Y eso solo si te molestas en lidiar con los problemas
¿Cansado de conectar onSubmit a las API del backend y asegurarte de que tu caché del lado del cliente se mantenga actualizada? ¿No sería genial poder utilizar la naturaleza global de CSS en tu beneficio, en lugar de buscar herramientas o convenciones para evitarla o trabajar alrededor de ella? ¿Y qué te parecería tener diseños anidados con una gestión de datos inteligente y optimizada para el rendimiento que simplemente funciona™?
Remix resuelve algunos de estos problemas y elimina completamente el resto. Ni siquiera tienes que pensar en la gestión de la caché del servidor o en los conflictos del espacio de nombres global de CSS. No es que Remix tenga APIs para evitar estos problemas, simplemente no existen cuando estás usando Remix. Ah, y no necesitas ese enorme y complejo cliente graphql cuando estás usando Remix. Ellos te tienen cubierto. ¿Listo para construir aplicaciones más rápidas de manera más rápida?
Al final de esta masterclass, sabrás cómo:- Crear Rutas de Remix- Estilizar aplicaciones de Remix- Cargar datos en los cargadores de Remix- Mutar datos con formularios y acciones
Modelado de Bases de Datos Relacionales para GraphQL
GraphQL Galaxy 2020GraphQL Galaxy 2020
106 min
Modelado de Bases de Datos Relacionales para GraphQL
Top Content
Workshop
Adron Hall
Adron Hall
En esta masterclass profundizaremos en el modelado de datos. Comenzaremos con una discusión sobre varios tipos de bases de datos y cómo se mapean a GraphQL. Una vez que se haya establecido esa base, el enfoque se desplazará a tipos específicos de bases de datos y cómo construir modelos de datos que funcionen mejor para GraphQL en varios escenarios.
Índice de contenidosParte 1 - Hora 1      a. Modelado de Datos de Bases de Datos Relacionales      b. Comparando Bases de Datos Relacionales y NoSQL      c. GraphQL con la Base de Datos en menteParte 2 - Hora 2      a. Diseño de Modelos de Datos Relacionales      b. Relación, Construcción de Tablas Multijoin      c. Complejidades de Consulta de Modelado de Datos Relacionales y GraphQL
Prerrequisitos      a. Herramienta de modelado de datos. El formador utilizará dbdiagram      b. Postgres, aunque no es necesario instalar esto localmente, ya que estaré utilizando una imagen de Dicker de Postgres, de Docker Hub para todos los ejemplos      c. Hasura
Testing Web Applications Using Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Testing Web Applications Using Cypress
Top Content
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
Esta masterclass te enseñará los conceptos básicos para escribir pruebas end-to-end útiles utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, cubriendo cada característica de la aplicación, estructurando pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquiera que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir adelante.
Desatando los Componentes del Servidor React: Una Inmersión Profunda en el Desarrollo Web de la Próxima Generación
React Day Berlin 2023React Day Berlin 2023
149 min
Desatando los Componentes del Servidor React: Una Inmersión Profunda en el Desarrollo Web de la Próxima Generación
Workshop
Maurice de Beijer
Maurice de Beijer
¡Prepárate para potenciar tus habilidades de desarrollo web con los Componentes del Servidor React! En esta inmersiva masterclass de 3 horas, desbloquearemos el potencial completo de esta tecnología revolucionaria y exploraremos cómo está transformando la forma en que los desarrolladores construyen aplicaciones web rápidas y eficientes.
Únete a nosotros mientras nos adentramos en el emocionante mundo de los Componentes del Servidor React, que combinan sin problemas el renderizado del lado del servidor con la interactividad del lado del cliente para un rendimiento y una experiencia de usuario inigualables. Obtendrás experiencia práctica a través de ejercicios prácticos, ejemplos del mundo real y orientación experta sobre cómo aprovechar el poder de los Componentes del Servidor en tus propios proyectos.
A lo largo de la masterclass, cubriremos temas esenciales, incluyendo:- Entender las diferencias entre los Componentes del Servidor y del Cliente- Implementar Componentes del Servidor para optimizar la obtención de datos y reducir el tamaño del paquete JavaScript- Integrar Componentes del Servidor y del Cliente para una experiencia de usuario fluida- Estrategias para pasar datos efectivamente entre componentes y gestionar el estado- Consejos y mejores prácticas para maximizar los beneficios de rendimiento de los Componentes del Servidor React