Instagram story viewer> @mishellessam> Posts

Mishelle sam

@mishellessam

undefined

POSTS STORIES REELS TAGGED

Download All

LOVE ME 🧡💜 by @mishellessam

34

1

12 days ago

Y me enamore 🥰 by @mishellessam

54

2

a month ago

taken in Córdoba, Spain by @mishellessam

57

5

2 months ago

👋🏻 Hola Programadores

😁 Llevo un tiempo inactivo pero quería compartir con vosotros esta nueva adquisición

🍏 Se trata del nuevo Mac Mini M2

👨‍💻 Es la primera vez que trabajo en un entorno de Macintosh y quería probar que significa trabajar en él y poqué tantos programadores lo usan

🤔 Ya daré mis conclusiones con el tiempo

¿Y vosotros usáis algún Mac?
¿Qué me recomendáis al iniciar?

Os leo en los comentarios 👇🏻

.
.
.
#entrenadev #programacion #desarrolloweb #javascript #html #css #react #macintosh #macmini #fronted #coding #programmer taken in Madrid, Spain by @mishellessam

62

4

3 years ago

🙋🏻‍♂️ Buenas programadores, hoy vamos a hablar del concepto de "tuberías" o Pipe en Javascript.

🤓 Usadas un montón en la programación funcional, este concepto nos permite conectar varias funciones en cadena, como una tubería.

🤔 Me explico. La salida de la primera función es la entrada de la segunda y viceversa.

🧪 Pipe nos permite encapsular un número ilimitado de funciones de manera secuencial en nuestro código, haciendo este más legible y mantenible.

👀 Si quieres ver como crear un pipe, mira el post!

¿y tú conocías el concepto de pipe?
Te leo en los comentarios 👇🏻

.
.
.

#hmtl #css #javascript #programmer #developer #coding #softwaredeveloper #coder #frontend #entrenadev #desarrolloweb #programacion taken in Madrid, Spain by @mishellessam

79

0

4 years ago

😎 Programadores, hoy os traigo una herramienta interactiva para APRENDER GIT

🧐 Esta HERRAMIENTA WEB es 🔗 https://learngitbranching.js.org/

🤔 En ella te proponen RETOS interactivos, por niveles y separados en CONCEPTOS

🔥La recomiendo muchísimo, con ella se aprende Git de manera muy efectiva.

¿Y tú la conocías?
Te leo en los comentarios 👇🏻

#desarrolloweb #programacion #reactjs #htmlcss #html #css #javascript #frontend #fullstackdeveloper #entrenadev #react #reactnative #informática #programacionweb by @mishellessam

163

0

4 years ago

👨‍🏫 Buenas gente, hoy hablamos del concepto de INMUTABILIDAD y como este surgió de manera muy fuerte en el Frontend de nuestras aplicaciones.

🙇‍♂️ Gracias a la aparición de los FRAMEWORKS y LIBRERIAS de Javascript ( React, Angular, Vue ) estos empezaron a necesitar una manera eficaz de gestionar el ESTADO GLOBAL ⚛️ de nuestras aplicaciones

🎉 Como Javascript trabaja las estructuras de datos por REFERENCIA ↗️ hacia falta una manera de poder actualizar nuestro estado sin tener que tener efectos secundarios 🍺 SIDE EFFECTS.

🎂 Esto implicó traer el paradigma de la PROGRAMACIÓN FUNCIONAL ( funciones puras, inmutabilidad ) el cual trajó este concepto.

🤔 La inmutabilidad implica que algo no puede ser modificado. En el post hablamos de ello y el futuro 😎 de la inmutablidad en javascript.

🔗https://github.com/tc39/proposal-record-tuple

¿Conocías el concepto de inmutabilidad?
Te leo en los comentarios 👇🏻

#desarrolloweb #programacion #reactjs #htmlcss #html #css #javascript #frontend #fullstackdeveloper #entrenadev #react #reactnative taken in Madrid, Spain by @mishellessam

52

0

4 years ago

🙋🏻‍♂️ Buenas gente, nuestra carrera es un resumen de nuestras DECISIONES.

🤔 Por ello siempre es importante ELEGIR SABIAMENTE nuestro camino.

👌🏻Os traigo los MEJORES CONSEJOS que he aprendido durante mi camino como desarrollador web.

😀 Elige tu futuro, Elige tu camino!

¿Que te ha parecido?
Te leo en los comentarios 👇🏻

#desarrolloweb #programacion #reactjs #htmlcss #html #css #javascript #frontend #fullstackdeveloper #entrenadev #react #reactnative #informática taken in Madrid, Spain by @mishellessam

48

0

4 years ago

🙋🏻‍♂️ Buenas gente, hoy vamos a hablar del SERVER-SIDE RENDERING.

🤔 Esta tecnologia nos permite renderizar nuestra aplicación en el lado del servidor.

😎 Esto trae muchas ventajas pero requiere de más tiempo y esfuerzo realizarla. Gracias a ella podemos renderizar nuestro componentes en el servidor y enviar HTML 📤 como respuesta, permitiendo rehidratar 💦nuestra aplicación en el cliente (ejecutar un script del lado del cliente) para poder interactuar con ella 🕹️ como si hubiese sido renderizada en el lado del cliente.

VENTAJAS:
📌 Mejor seo, los buscadores no tiene que renderizar tu aplicación por lo que podrán mejorar tu indexación.
📌 Base común, al usar javascript en ambos lados, el qeuipo puede compartir y reutilizar codigo.
📌 Mejor rendimiento, al enviar directamente todo o parte de la estructura renderizada el cliente puede interactuar antes con tu aplicación.

DESVENTAJAS
📌 Mas tiempo, para poder terminarla.
📌 Mas conocimientos, hacerla isomorfica.

🤩 Os dejo un link de estructura simple de ejemplo para ver como funciona.

🔗https://github.com/Manuelentrena/server-side-rendering

⚛️ Antes de hacer tu aplicacion con SSR piensa bien si es una buena opción. ¿Habias creado o usado esta tecnologia antes?
Te leo en los comentarios 👇🏻

.
.
.
#reactjs #reactnative #react #frontend #backend #desarrolloweb #programacion #entrenadev #htmlcss #javascript #informatica taken in Madrid, Spain by @mishellessam

53

4

4 years ago

🙋🏻‍♂️ Buenas gente!

👨‍💻 Muchos de nosotros usamos el EDITOR Visual Studio Code VSC para programar.

💻 Cuando estamos en la TERMINAL y queremos ABRIR un PROYECTO podemos usar el comando "code ." aunque este por sí sólo siempre nos abre una nueva ventana. Esto puede llegar a ser muy MOLESTO . 😡

😎 Para EVITARLO podemos usar el comando "code -r ." y abrirá el proyecto en la ÚLTIMA VENTANA del editor ABIERTA.

¿Te ha gustado este Tip de programación?

Sigueme para más tips! 🏃‍♂️

#tips #programacion #informatica #programadores #vscode #recursosweb #frontend #fullstackdeveloper #entrenadev by @mishellessam

83

0

4 years ago

🙋🏻‍♂️ Buenas gente, hoy vamos a ver como INSPECCIONAR los EVENTS LISTENERS de nuestra aplicación. 🔍

🤔 Y direis ¿Y para que quiero esto? Pues para mantener un control de los recursos que esta consumiendo tu aplicación en el navegador. NO queremos MAL RENDIMIENTO ¿Verdad? 😅

😬 El mal uso de los recuros puede provocar "MEMORY LEAKS" o "fugas de memoria" 🤯 . Controlarlo es importante. El memory leaks puede producirse por cientos de motivos. Uno típico es por el MAL USO de los EVENTS LISTENERS. Ya sea por usar demás (delegación de eventos) 💢 o no eliminarlos ❌ cuando no hacen falta aumentando el consumo de los recursos.

👨‍💻 Vamos a ver 3 formas de controlar el uso de nuestros Event Listeners:

📌 Abrir el monitor de rendimiento, donde veremos el uso de memoria y la cantidad de eventos total usados en nuestra aplicacion

📌 En nuestra consola de desarrollo Elements / Event Listeners, podremos ver los eventos asociados del elementos que estemos inspeccionando.

📌 Con la funcion getEventListeners(), la cual recibe por parámetro el elemento del DOM el cual queremos inspeccionar

¿Y tú, mantienes un control de uso de los events Listeners de tu aplicacion? Te leo en los comentarios 👇🏻

.
.
.
.
#desarrolloweb #programming #fullstackdev #fullstackdeveloper #javascript #nodejs #reactjs #reactnative #entrenadev #recursosweb #chromedevtools #performance by @mishellessam

41

0

4 years ago

🙋🏻‍♂️ Buenas gente, hoy vamos hablar de la utilidad CHILDREN 🧐, y como con ella podemos manipular la prop CHILDREN de nuestros componentes.

🤗 Como todos sabemos, React ⚛️usa el MÉTODO DE COMPOSICIÓN al contrario que el de la herencia para reutilizar código.

💢 Con este método podemos usar la PROP CHILDREN 👶 y capturarla en algún momento antes de ser renderizado.

👨‍🏫 La utilidad Children.toArray() 👶👶👶 nos permite convertir nuestro elemento Children en un array. Con Children.map() 🗺️ podemos recorrerlo y con la utilidad cloneElement 🍻 podemos modificar nuestros childrens para que puedan recibir props preconfiguradas desde el padre.

👨‍💻 Estas utilidades son muy usadas en librerías de React como React Router 〰️, y se suelen aplicar para el patrón COMPOUND COMPONENTS ⚛️ aunque desde la salida del hook useContext este tipo de modificaciones quedan más limpias

¿Y tú has usado la librería Children?
Te leo en los comentarios 👇🏻

.
.
.
#desarrolloweb #programming #fullstackdev #fullstackdeveloper #javascript #nodejs #react #reactnative #entrenadev #programacion #reactjs #htmlcss #html #css by @mishellessam

40

0

4 years ago