Versión en EspañolES

Infraestructura Declarativa: Repensando Cloud Native para JS

André is the founder and CEO of Encore, a backend development platform tool designed to free developers from the maze of complexity. He was previously a Staff Engineer at Spotify, and when he's not coding he takes care of an adorable puppy named Salvador.

Recording and certification are available to Multipass and Full ticket holders only

Please login if you have one.

Get Multipass

Bookmark

En esta masterclass descubriremos qué significa Infraestructura Declarativa y cómo puede funcionar en TypeScript para expresar de manera natural conceptos de sistemas distribuidos de alto nivel (como servicios backend, llamadas a API, consultas a bases de datos, mensajería Pub/Sub, almacenamiento en caché y más), a través del poder del análisis estático y la generación de código.

El resultado es un proceso de DevOps completamente reinventado, con aprovisionamiento automático de infraestructura y observabilidad integrada, que se implementa directamente en tu propia nube.

Tabla de contenidos:

- Introducción

- Evolución del desarrollo backend, desde servidores hasta el mundo nativo de la nube actual impulsado por DevOps y GitOps

- ¿Qué es Cloud Native y cómo construimos aplicaciones backend modernas? (Mostrando una arquitectura de microservicios impulsada por Express.js y Terraform)

- ¿Qué es Infraestructura Declarativa? ¿Cómo se ve el espacio?

- ¿Qué problemas resuelve en comparación con las prácticas tradicionales de DevOps?

- ¿Cómo se relaciona con Terraform/AWS CDK para el aprovisionamiento de infraestructura?

- ¿Cuáles son las desventajas?

- Construyendo un backend Cloud Native con Infraestructura Declarativa

This workshop has been presented at DevOps.js Conf 2024, check out the latest edition of this JavaScript Conference.

FAQ

Andre Ericsson es el fundador y CEO de Encore. Antes de fundar Encore, fue ingeniero principal en Spotify, donde participó en la construcción de backends, sistemas distribuidos e infraestructura en la nube.

Encore busca mejorar y automatizar las operaciones de DevOps, especialmente para startups, simplificando la configuración de infraestructura y automatizando flujos de trabajo de desarrollo y despliegue para ser más rápidos y eficientes.

Encore utiliza infraestructura declarativa para comprender qué infraestructura es necesaria para cada servicio de backend y la provisiona automáticamente. Esto incluye la configuración de políticas de IAM, cuentas de servicio y reglas de firewall, optimizando así el flujo de trabajo de DevOps.

Antes de Encore, las herramientas comunes en DevOps incluían Terraform para la gestión declarativa de la infraestructura y Kubernetes para la orquestación de contenedores, aunque estas herramientas requieren una configuración considerable.

Encore ofrece una CLI llamada Encore Run que automatiza la configuración del entorno local. Esto facilita a los desarrolladores trabajar de manera productiva en sus computadoras con una configuración segura y automatizada.

Encore provisiona automáticamente toda la infraestructura necesaria para los entornos de pruebas y producción en la nube, incluyendo la creación de entornos temporales para solicitudes de extracción, lo que facilita pruebas y despliegues rápidos y eficientes.

Encore reduce la necesidad de escribir y mantener extensos scripts de configuración como Terraform y simplifica el proceso de integración con Kubernetes, ofreciendo un enfoque más sencillo y productivo para automatizar DevOps.

Encore mejora la seguridad y observabilidad al proporcionar llamadas a API seguras por tipo, trazado automático y documentación de API, permitiendo así un desarrollo más seguro y fácilmente monitoreable.

typescript cloud

André Eriksson

29 min

19 Feb, 2024

Comments

Video Summary and Transcription

La masterclass de hoy se centró en DevOps e infraestructura, destacando la importancia de la infraestructura declarativa y la calidad del software. Encore, un SDK de código abierto, se presentó como una solución para automatizar DevOps y mejorar el flujo de trabajo. Ofrece una experiencia de desarrollo local perfecta, aprovisionamiento automático de infraestructura en la nube e integración con proveedores de observabilidad. Encore permite construir e implementar aplicaciones con automatización de DevOps incorporada, características como PubSub y soporte de autenticación, y un panel de control en la nube para monitoreo y gestión. También permite la construcción rápida de servicios adicionales, como un backend de análisis, y proporciona una solución de sistema completa sin necesidad de configuración manual de infraestructura.

Available in English: Declarative Infrastructure: Rethinking Cloud Native for JS

Video transcription and chapters available for users with access.

Available in other languages:

Watch more workshops on topic

React, TypeScript y TDD

React Advanced 2021

174 min

React, TypeScript y TDD

Top Content

Featured WorkshopFree

Paul Everitt

ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.

react best practices typescript devtools web development test driven development react

Dominando conceptos avanzados en TypeScript

React Summit US 2023

132 min

Dominando conceptos avanzados en TypeScript

Top Content

Featured WorkshopFree

Jiri Lojda

TypeScript no es solo tipos e interfaces. Únete a esta masterclass para dominar características más avanzadas de TypeScript que harán tu código a prueba de balas. Cubriremos tipos condicionales y notación de inferencia, cadenas de plantillas y cómo mapear sobre tipos de unión y propiedades de objetos/arrays. Cada tema se demostrará en una aplicación de muestra que se escribió con tipos básicos o sin tipos en absoluto y juntos mejoraremos el código para que te familiarices más con cada característica y puedas llevar este nuevo conocimiento directamente a tus proyectos.
Aprenderás:- - ¿Qué son los tipos condicionales y la notación de inferencia?- ¿Qué son las cadenas de plantillas?- Cómo mapear sobre tipos de unión y propiedades de objetos/arrays.

typescript devtools typescript libraries

Consejos y Trucos Profundos de TypeScript

Node Congress 2024

83 min

Consejos y Trucos Profundos de TypeScript

Top Content

Featured Workshop

Josh Goldberg

TypeScript tiene un sistema de tipos poderoso con todo tipo de características sofisticadas para representar estados de JavaScript salvajes y extravagantes. Pero la sintaxis para hacerlo no siempre es sencilla, y los mensajes de error no siempre son precisos al decirte qué está mal. Vamos a profundizar en cómo funcionan muchas de las características más poderosas de TypeScript, qué tipos de problemas del mundo real resuelven, y cómo dominar el sistema de tipos para que puedas escribir código TypeScript verdaderamente excelente.

typescript

Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React

React Advanced 2022

148 min

Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React

Top Content

Featured Workshop

Maurice de Beijer

¿Eres un desarrollador de React tratando de obtener los máximos beneficios de TypeScript? Entonces esta es la masterclass para ti.En esta masterclass interactiva, comenzaremos desde lo básico y examinaremos los pros y contras de las diferentes formas en que puedes declarar componentes de React usando TypeScript. Después de eso, pasaremos a conceptos más avanzados donde iremos más allá de la configuración estricta de TypeScript. Aprenderás cuándo usar tipos como any, unknown y never. Exploraremos el uso de predicados de tipo, guardias y comprobación exhaustiva. Aprenderás sobre los tipos mapeados incorporados, así como cómo crear tus propias utilidades de mapa de tipo nuevo. Y comenzaremos a programar en el sistema de tipos de TypeScript usando tipos condicionales e inferencia de tipos.

react typescript react with typescript best practices

Desarrollo sin fricciones con un sistema de tipos unificado

JSNation 2024

113 min

Desarrollo sin fricciones con un sistema de tipos unificado

Featured Workshop

Ejiro Asiuwhu

Imagina desarrollar donde el frontend y el backend cantan en armonía, los tipos bailan en perfecta sincronía y los errores se convierten en un recuerdo lejano. ¡Eso es la magia de TypeScript Nirvana!
Únete a mí en un viaje para descubrir los secretos de las definiciones de tipos unificadas, la clave para desbloquear un desarrollo sin fricciones. Nos sumergiremos en:
- Lenguaje compartido, amor compartido: Define los tipos una vez y compártelos en todas partes. La consistencia se convierte en tu mejor amiga, los errores en tu peor pesadilla (uno que rara vez verás).- Codificación sin esfuerzo: Olvídate de la tediosa tarea de comprobar tipos manualmente. TypeScript te respalda, liberándote para centrarte en construir cosas increíbles.- Magia de mantenibilidad: Con tipos claros que guían tu código, mantenerlo se convierte en un paseo por el parque. Más tiempo para innovar, menos tiempo para depurar.- Fortaleza de seguridad: El sistema de tipos de TypeScript protege tu aplicación de vulnerabilidades comunes, convirtiéndola en una fortaleza contra amenazas de seguridad.

typescript

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

Los tipos más útiles de React

React Day Berlin 2023

21 min

Los tipos más útiles de React

Top Content

Matt Pocock

Independent

Today's Talk focuses on React's best types and JSX. It covers the types of JSX and React components, including React.fc and React.reactnode. The discussion also explores JSX intrinsic elements and react.component props, highlighting their differences and use cases. The Talk concludes with insights on using React.componentType and passing components, as well as utilizing the react.element ref type for external libraries like React-Select.

typescript react element vs component react fc react with typescript

TypeScript y React: Secretos de un matrimonio feliz

React Advanced 2022

21 min

TypeScript y React: Secretos de un matrimonio feliz

Top Content

Matt Pocock

Independent

React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.

react best practices typescript

Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript

TypeScript Congress 2023

31 min

Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript

Top Content

Daniel Roe

Daniel leads the Nuxt core team.

Daniel Rowe discusses building a TypeScript-first framework at TypeScript Congress and shares his involvement in various projects. Nuxt is a progressive framework built on Vue.js, aiming to reduce friction and distraction for developers. It leverages TypeScript for inference and aims to be the source of truth for projects. Nuxt provides type safety and extensibility through integration with TypeScript. Migrating to TypeScript offers long-term maintenance benefits and can uncover hidden bugs. Nuxt focuses on improving existing tools and finds inspiration in frameworks like TRPC.

typescript frameworks vue nuxt.js deep dive builders and founders

Deja de Escribir tus Rutas

Vue.js London 2023

30 min

Deja de Escribir tus Rutas

Eduardo San Martin Morote

Vue.js Core Team

Designing APIs is a challenge, and it's important to consider the language used and different versions of the API. API ergonomics focus on ease of use and trade-offs. Routing is a misunderstood aspect of API design, and file-based routing can simplify it. Unplugging View Router provides typed routes and eliminates the need to pass routes when creating the router. Data loading and handling can be improved with data loaders and predictable routes. Handling protected routes and index and ID files are also discussed.

typescript vue 3 typescript libraries

Compilaciones de TypeScript más rápidas con --isolatedDeclarations

TypeScript Congress 2023

24 min

Compilaciones de TypeScript más rápidas con --isolatedDeclarations

Top Content

Titian-Cornel Cernicova-Dragomir

Software Developer at Bloomberg

This talk discusses the performance issues in TypeScript builds and introduces a new feature called isolated declarations. By running the compiler in parallel and using isolated modules, significant performance gains can be achieved. Isolated declarations improve build speed, compatibility with other tools, and require developers to write types in code. This feature has the potential to further increase performance and may be available in TypeScript soon.

typescript

Aplicaciones React (+Native) full-stack y seguras con tRPC.io

React Advanced 2021

6 min

Aplicaciones React (+Native) full-stack y seguras con tRPC.io

Top Content

Alexander Johansson

The creator of tRPC

Alex introduces tRPC, a toolkit for making end-to-end type-safe APIs easily, with auto-completion of API endpoints and inferred data from backend to frontend. tRPC works the same way in React Native and can be adopted incrementally. The example showcases backend communication with a database using queries and validators, with types inferred to the frontend and data retrieval done using Prisma ORM.

react typescript developer experience backend patterns react native fullstack trpc trpc with react native