Log in
JavaScript Conferences
DevOps.js Conf 2024DevOps.js Conf 2024
ES

Masterclass de Frontend en la Nube Hecho Fácil - Un Taller de ReactJS + AWS

Eyal Keren
Eyal Keren
CPO at Wing Cloud Inc.
certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Get Multipass
Rate this content
Bookmark

Este taller te permite aprender cómo desarrollar aplicaciones React y luego desplegarlas en la nube (o construirlas en la consola) junto con un backend completamente abstracto, sin una configuración de backend compleja, simplificando la construcción y el despliegue de aplicaciones frontend y web en la nube.

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

aws
Eyal Keren
Eyal Keren
59 min
21 Feb, 2024

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Estaremos construyendo una aplicación React simple utilizando Wig, una cadena de herramientas para JavaScript, React y Wing lang. El compilador Wing nos permite compilar aplicaciones en archivos JSON de Terraform que se pueden desplegar en AWS. Podemos manejar eventos en el bucket de la nube, conectar el backend y el frontend utilizando Vite, y usar variables de entorno para exponer la URL del API gateway. Podemos crear una interfaz de API REST para la aplicación y conectarla a un DynamoDB para el almacenamiento de datos. Por último, podemos utilizar WebSockets para sincronizar el contador con el backend y desplegar la aplicación en AWS utilizando Terraform y AWS CLI.
Available in English: Frontend to the Cloud Made Easy - A ReactJS + AWS Workshop
Video transcription and chapters available for users with access.
Available in other languages:

Watch more workshops on topic

Construyendo Aplicaciones Serverless en AWS con TypeScript
Node Congress 2021Node Congress 2021
245 min
Construyendo Aplicaciones Serverless en AWS con TypeScript
Workshop
Slobodan Stojanović
Slobodan Stojanović
Este masterclass te enseña los conceptos básicos del desarrollo de aplicaciones serverless con TypeScript. Comenzaremos con una función Lambda simple, configuraremos el proyecto y la infraestructura como código (AWS CDK) y aprenderemos cómo organizar, probar y depurar una aplicación serverless más compleja.
Tabla de contenidos:        - Cómo configurar un proyecto serverless con TypeScript y CDK        - Cómo escribir una función Lambda testeable con arquitectura hexagonal        - Cómo conectar una función a una tabla DynamoDB        - Cómo crear una API serverless        - Cómo depurar y probar una función serverless        - Cómo organizar y hacer crecer una aplicación serverless


Materiales mencionados en el masterclass:
https://excalidraw.com/#room=57b84e0df9bdb7ea5675,HYgVepLIpfxrK4EQNclQ9w
Blog de DynamoDB de Alex DeBrie: https://www.dynamodbguide.com/
Excelente libro para DynamoDB: https://www.dynamodbbook.com/
https://slobodan.me/workshops/nodecongress/prerequisites.html
typescriptnode.jsawsserverless

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

AWS Lambda bajo el capó
Node Congress 2023Node Congress 2023
22 min
AWS Lambda bajo el capó
Top Content
Luca Mezzalira
Luca Mezzalira
OReillyMedia Author
In this Talk, key characteristics of AWS Lambda functions are covered, including service architecture, composition, and optimization of Node.js code. The two operational models of Lambda, asynchronous and synchronous invocation, are explained, highlighting the scalability and availability of the service. The features of Lambda functions, such as retries and event source mapping, are discussed, along with the micro VM lifecycle and the three stages of a Lambda function. Code optimization techniques, including reducing bundle size and using caching options, are explained, and tools like webpack and Lambda Power Tuning are recommended for optimization. Overall, Lambda is a powerful service for handling scalability and traffic spikes while enabling developers to focus on business logic.
awsserverless
Optimización del rendimiento de AWS Lambda
Node Congress 2024Node Congress 2024
25 min
Optimización del rendimiento de AWS Lambda
Luca Mezzalira
Luca Mezzalira
OReillyMedia Author
This Talk covers various optimization techniques for Lambda functions, including parameter fetching, code minification and bundling, observability with Power Tools and X-Ray, baseline testing with load testing tools, caching with Elastic Cache and Redis, and optimizing code size and memory usage. The importance of library choices, power tuning for cost and performance, leveraging subprocesses and sandboxes, and adjusting concurrency limits are also discussed. Overall, these techniques can significantly improve Lambda function performance.
performanceaws
Desmitificar la DX para funciones Lambda
DevOps.js Conf 2024DevOps.js Conf 2024
30 min
Desmitificar la DX para funciones Lambda
Luca Mezzalira
Luca Mezzalira
OReillyMedia Author
Welcome to this session on Lambda Developer Experience. Learn about using AWS Cloud Development Kit (CDK) to write code in your favorite language and automatically generate CloudFormation templates. Test locally with the SAM CLI and deploy with CDK. Accelerate testing and updates with CDK flags. Use the AWS Toolkit to invoke Lambda functions, analyze logs, and generate code with Application Composer.
lambdaaws
Construyendo APIs GraphQL sin servidor en tiempo real en AWS con TypeScript y CDK
React Summit 2020React Summit 2020
25 min
Construyendo APIs GraphQL sin servidor en tiempo real en AWS con TypeScript y CDK
Nader Dabit
Nader Dabit
Author, open source developer working in blockchain space with Edge & Node and The Graph Protocol.
This Talk provides an introduction to JavaScript and React, as well as insights into building real-time serverless GraphQL APIs with TypeScript, AppSync, and CDK. It covers the concepts of GraphQL schema, data sources, and resolvers, as well as the use of GraphQL subscriptions for real-time communication. The Talk also highlights the features of AppSync and CDK for building APIs and infrastructure. It concludes with a demonstration of creating an API with CDK and AppSync, including the creation of Lambda functions and DynamoDB tables.
typescriptgraphqlcdklambdaaws
Automatizar Despliegues de Sitios React desde GitHub a S3 y CloudFront
DevOps.js Conf 2021DevOps.js Conf 2021
33 min
Automatizar Despliegues de Sitios React desde GitHub a S3 y CloudFront
Lukonde Mwila
Lukonde Mwila
Principal Technical Evangelist @ SUSE
This Talk focuses on automating React deployments to S3 and CloudFront using a CICD pipeline in AWS. It covers setting up the pipeline, sourcing code from GitHub, and configuring infrastructure with Terraform and Terragrunt. The Talk also demonstrates the process of building and deploying a React application using AWS CodeBuild and CodePipeline. Overall, it provides a comprehensive overview of the tools and techniques involved in automating React deployments in AWS.
devopsawsreact s3 cloudfront
Infraestructura como Código para Aplicaciones React en AWS Escritas en TypeScript
React Advanced Conference 2021React Advanced Conference 2021
30 min
Infraestructura como Código para Aplicaciones React en AWS Escritas en TypeScript
Denis Artyuhovich
Denis Artyuhovich
DAZN
This Talk covers infrastructure as code using Terraform and CDK. The speaker demonstrates how to build infrastructure for a React application, including an S3 bucket and connecting to a real domain. They also discuss configuring cache behavior, CloudFront, and remote backends. TypeScript is highlighted as a powerful language for infrastructure as code, and the importance of automation and well-documented code for global-scale infrastructures is emphasized.
typescriptdevopsaws