Conoces la diferencia entre paralelismo y concurrencia y como se aplican en Javascript, en particular a las Promesas?

Concurrencia y paralelismo son dos conceptos fundamentales en la programación que se refieren a la ejecución de tareas.

**Concurrencia**

Es la capacidad de ejecutar múltiples tareas en un orden superpuesto, aunque no necesariamente al mismo tiempo.

En un sistema de un solo procesador, la concurrencia es el **arte** de intercalar la ejecución de múltiples tareas.

**Paralelismo**

es la capacidad de ejecutar múltiples tareas al mismo tiempo.

Esto requiere hardware con múltiples procesadores.

Pero Javascript es especial 😅

JS es "single threaded", es decir, solo puede ejecutar una tarea a la vez y no es posible lograr verdadero paralelismo, pero si que se puede lograr concurrencia, aquí es donde entran las Promesas

Una `Promise` en JavaScript es un objeto que representa la finalización o el fracaso de una operación asíncrona.

`Promise.all` y `Promise.allSettled` son métodos que se utilizan para manejar múltiples promesas.

El único problema de las `Promise`  es que estan son evaluadas de inmediato.

No son "lazy". Comienzan a ejecutarse tan pronto como las creas

Esto implica un limitado control de las misma ya que no puedes decidir cuando iniciará la operación.

Además si utilzas Promise.all todas las promesas proporcionadas se ejecutaran inmediatamente consumiendo muchos recursos.


`Promise.all` y `Promise.allSettled` son métodos que se utilizan para manejar múltiples promesas.

`Promise.all` es similar a un ciclo for con `await` en cada iteración, pero con la ventaja de que todas las operaciones se ejecutan en paralelo.

Promise.all: Este método toma un array de promesas y devuelve una nueva promesa que se resuelve cuando todas las promesas en el array se han resuelto.

o falla cuando una de las promesas del arreglo falla.

Promise.allSettled: Este método también toma un array de promesas, pero en lugar de resolver cuando todas las promesas se han resuelto, se resuelve cuando todas las promesas se han "establecido".

Esto significa que todas las promesas se han resuelto o rechazado.

Mejor control

Concurrencia y Paralelismo en Javascript

Hola!
Quería volver a compartir dos cursos gratuitos que he escrito
Ambos son via newsletter!!

Yep! Contenido directo a tu bandeja de entrada!!

Cada email contiene un capítulo del curso incluyendo ejemplos y desafíos!

Los cursos son:
JavaScript para React y Fundamentos de TS


JavaScript para React es un curso sobre JS “moderno”

Varias veces he escuchado la pregunta: que debería saber antes de comenzar con React?

En este micro curso te cuento cada uno de los conceptos que considero deben conocerse antes de saltar a react
javascriptparareact.com

Por cierto, también publiqué un curso gratuito de fundamentos de React!!!

https://www.escuelafrontend.com/tutoriales/fundamentos-de-react

El curso fundamentos de typescript, es tal como dice el título, un curso sobre fundamentos

Cómo comenzar con TS, como integrarlo en tus proyectos y una revisión de cada uno de los conceptos u features que te ayudaran a avanzar y entender TS

tsfundamentals.com

Suscríbete al curso que te interese, recuerden que todo es contenido gratuito!!!

Y si tienen alguna pregunta o comentario no duden en escribir!!


Free JavaScript Courses via Newsletter

Last night I was playing with the recording UI for Soundscribe

What do you think about it?

Check the video below

I have to thank @kentcdodds for the inspiration for the waves visualizer !!

Did you like what is shown in the video?
You can join the waitlist at soundscribe.app



You can read the unrolled version of this thread here: https://typefully.com/matiasfha/LghrhDC

Recording UI and Waves Visualizer: Soundscribe Preview

Sabes que son los tipos condicionales en Typescript?

Su implementación y uso abre la puerta a que puedas crear tipos más complejos incluso algoritmos.

Estos tipos son la implementación de "bifurcaciones de código"

Quieres saber más? Link en el siguiente tweet! 👇


https://matiashernandez.dev/blog/post/typescript-tipos-condicionales

Typescript Tip: Conditional Types

How can you record audio directly in the browser?

Using the  MediaRecorder API.

This API allows you to request access to the device microphone to record audio.

Let me show you how it can be done in my latest video.

It showcases SvelteKit why? Because it is simple!!

https://youtu.be/ZnAzBOzAnRM

In the video, I'll quickly show you how to use the MediaRecorder API within a SvelteKit app, but you should notice that it is just Javascript!..

So you can apply it to any project.

I also show you how to capture the audio blob to send it to the server.

From where this came?

Because I did a PoC that is slowly becoming a product idea.


I'll keep you updated about the #buildinginpublic journey of getting Soundscribe out of the door

https://twitter.com/matiasfha/status/1660741352370364416?s=20

Recording Audio in the Browser with MediaRecorder API and SvelteKit

🚀 Hey folks!

Check out my latest video on YouTube, where I'll teach you how to build a full-stack app in no time using SvelteKit! 🚀

In this "speed run" video, I'll walk through the steps to build a basic but full-fledged app using SvelteKit's intuitive folder routing, form actions, and loaders functions.


xº

Want to learn how to build your own fullstack app with SvelteKit? Watch my video now and get started on your web development journey! ✍️

Don't forget to like, comment, and subscribe for more videos like this, and check the video description for links to the source code on GitHub and the SvelteKit documentation. Happy coding! 🎉

Build a Full-Stack App with SvelteKit in No Time

Te interesa mejorar tus conocimientos de Typescript?

Typescript te parece complejo?

Si es así, te invito a profundizar en tus conocimientos y habilidades con los fundamentos de Typescript

¿Cómo?

Uniéndote a mi curso gratuito: Fundamentos de Typescript.

Un curso directamente a tu email, que puedes realizar a tu propio ritmo y que incluye desafíos para que revises tus habilidades y conocimientos.

Costo? 100% gratuito

Visita tsfundamentals.com y únete :D

Free TypeScript Course: Fundamentals of Typescript

Cuando comienzas con Typescript comienzas anotando los tipos básicos de tus datos.

Pero cuáles son esos tipos básicos?

Algunos ya los conoces pues son los tipos de datos ya presentes en Typescript, pero hay más?

Revisemos los tipos básicos de Typescript en este artículo

https://matiashernandez.dev/blog/post/cuales-son-los-tipos-basicos-en-typescript

Si quieres profundizar más en tus conocimientos de Typescript te invito a unirte a mi curso Fundamentos de Typescript

Suscríbete aquí

tsfundamentals.com


Typescript Basic Types

JavaScript es un lenguaje flexible que te permite hacer “casi” de todo.

Pero esa flexibilidad puede crear complejidad.

¿Cuantos métodos para manipular arreglos hay y cuál usar?

Es una buena pregunta ya que algunos mutan e arreglo original y otros hacen una copia.

Entonces?

Entonces es bueno conocer varios métodos para así decidir en cada caso.

Te comparto este artículo que escribí para @EscuelaFrontend en donde te muestro cada método y como usarlo

https://escuelafrontend.com/articulos/metodos-de-arreglos

A Guide to JavaScript Array Methods

Acabo de subir el stream de ayer al canal en Youtube

Video: https://youtu.be/6OWGZ-ZScVU

Ayer conversamos sobre diferentes formas de crear un proyecto con React


Respondimos algunas preguntas de la comunidad


Y, hice un speed run creando una TODO List en modo SPA.

Aquí podrás encontrar el enlace al artículo en @EscuelaFrontend que mostré en el stream

https://www.escuelafrontend.com/crear-aplicaciones-en-react

También el repositorio AMA matiasfha.dev/ama

Y al artículo sobre como eliminar elementos de un arreglo

https://matiashernandez.dev/blog/post/5-formas-de-eliminar-elementos-de-un-arreglo

Si te gusta el contenido, te invito a visitar mi web y unirte a mi newsleter matiasfha.dev/newsletter
