<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: viistorrr</title>
    <description>The latest articles on Forem by viistorrr (@viistorrr).</description>
    <link>https://forem.com/viistorrr</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F953360%2Fdb29b864-89d6-4320-8b78-dfb7f1bd2f22.jpeg</url>
      <title>Forem: viistorrr</title>
      <link>https://forem.com/viistorrr</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/viistorrr"/>
    <language>en</language>
    <item>
      <title>El Impacto de la Inteligencia Artificial en el mercado laboral: Preparándonos pa el futuro del trabajo</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Thu, 22 May 2025 14:44:57 +0000</pubDate>
      <link>https://forem.com/viistorrr/el-impacto-de-la-inteligencia-artificial-en-el-mercado-laboral-preparandonos-pa-el-futuro-del-3n04</link>
      <guid>https://forem.com/viistorrr/el-impacto-de-la-inteligencia-artificial-en-el-mercado-laboral-preparandonos-pa-el-futuro-del-3n04</guid>
      <description>&lt;p&gt;La discusión sobre si la Inteligencia Artificial nos va a dejar sin trabajo ya no se limita solo a desarrolladores y profesionales en tecnología; es una preocupación que afecta diferentes posiciones y diversas industrias.&lt;/p&gt;

&lt;p&gt;Es importante que el mensaje sea claro pa aquellos que todavía no comprenden completamente el tema y es que siempre van a estar a tiempo de hacerlo porque ya la IA hace parte de esta realidad. A pesar de la exagerada cantidad de información, evitar enfrentar este avance sería menospreciar la importancia del momento científico y tecnológico porque si, la Inteligencia Artificial es una moda pero eso no implica que sea pasajera ni una ilusión, la clave está en entender ésto y ser consciente de las consecuencias de no aprovechar todas las herramientas disponibles pa fortalecer las bases de conocimiento que se tienen y saber aplicarlo donde considero se puede potenciar el trabajo y mis habilidades. &lt;/p&gt;

&lt;p&gt;La recomendación es no dejar de lado estas oportunidades porque eso sería subestimar el poder que tenemos para construir un futuro mejor.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;La transformación del mercado laboral&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Además de las preocupaciones naturales con tanto ruido en la calles de lo digital, es importante ver cómo ya se transformó el mercado laboral en tres áreas importantes a partir de la inmersión de la IA:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Optimización de Procesos:&lt;/strong&gt; mejorar procesos de producción y negocios, dicen que aumenta 10x la eficiencia laboral. Algoritmos que analizan datos en tiempo real y pueden identificar áreas de mejora, toma de decisiones y automatizar tareas complejas. Asi se acelera la producción, mejora la calidad y precisión, el reflejo casi inmediato es un aumento 10000x(?) en la productividad. &lt;br&gt;
[&lt;a href="https://blogs.iadb.org/trabajo/es/inteligencia-artificial-que-aporta-y-que-cambia-en-el-mundo-del-trabajo/" rel="noopener noreferrer"&gt;https://blogs.iadb.org/trabajo/es/inteligencia-artificial-que-aporta-y-que-cambia-en-el-mundo-del-trabajo/&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;Gestión Laboral: La IA es vital en la gestión laboral, prometiendo mejoras significativas en las cifras de producción. Actualmente, el 40% de los departamentos laborales están involucrados con la Inteligencia Artificial. Herramientas de IA ayudan en la asignación eficiente de tareas, la gestión del tiempo y la toma de decisiones basada en datos. Esto no solo facilita la carga de trabajo de los empleados, sino que también optimiza las operaciones empresariales en general. [&lt;a href="https://www.bbvaopenmind.com/articulos/inteligencia-artificial-en-entorno-laboral-desafios-para-trabajadores/" rel="noopener noreferrer"&gt;https://www.bbvaopenmind.com/articulos/inteligencia-artificial-en-entorno-laboral-desafios-para-trabajadores/&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Impacto en el Empleo:&lt;/em&gt;&lt;/strong&gt; Aunque existen preocupaciones, la formación continua te puede "asegurar empleos". Dice Sam Altman, CEO de OpenAI que se estima que la IA afecte hasta un 40% de los empleos, pero la capacitación continua puede mitigar ese riesgo. Estudiar y mejorar habilidades específicas relacionadas con tecnología puede no solo proteger puestos de trabajo que ya existen, sino también está en la capacidad de crear nuevas oportunidades de empleo en campos emergentes. [&lt;a href="https://es.wired.com/articulos/impacto-de-la-inteligencia-artificial-en-el-empleo" rel="noopener noreferrer"&gt;https://es.wired.com/articulos/impacto-de-la-inteligencia-artificial-en-el-empleo&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;Por esto la invitación es a dar ese paso pa intentarlo. Al final, no tienen nada que perder siendo curiosos, en el peor de los escenarios lo que puede pasar es que aprendan algo nuevo. De esta manera, se abren a un mundo de oportunidades en un mercado laboral impulsado por la innovación y la tecnología del que no más seguro que sabemos hoy es que va a seguir cambiando.&lt;/p&gt;

&lt;p&gt;💡Si querés saber más sobre quien te habla, pasá por &lt;strong&gt;&lt;em&gt;&lt;a href="https://viistorrr.com/?utm_source=devTo&amp;amp;utm_medium=ImpactoAIPost" rel="noopener noreferrer"&gt;viistorrr.com&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; ahí podes encontrar acerca de mi perfil profesional &lt;/p&gt;

&lt;p&gt;💻También te invito a que te pases por &lt;strong&gt;&lt;em&gt;&lt;a href="https://fornegros.com/?utm_source=devTo&amp;amp;utm_medium=ImpactoAIPost" rel="noopener noreferrer"&gt;fornegros.com&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; un proyecto que nació de base tecnológica y usa AI en la mayoría de sus procesos.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>jobs</category>
      <category>realidadlaboral</category>
      <category>mercadolaaboral</category>
    </item>
    <item>
      <title>Lo que costó mi escritorio</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Mon, 08 Jul 2024 23:55:34 +0000</pubDate>
      <link>https://forem.com/viistorrr/lo-que-costo-mi-escritorio-2acn</link>
      <guid>https://forem.com/viistorrr/lo-que-costo-mi-escritorio-2acn</guid>
      <description>&lt;p&gt;Mi escritorio ha sido un fiel compañero por varios años, 8 nomás. Es un testigo de mi crecimiento y aunque podría venderlo a buen precio hoy, su valor va más allá de lo que me puedan dar en monedas.&lt;/p&gt;

&lt;p&gt;En una de esas rutinas de limpieza me puse a pensar sobre cuánto he crecido desde que lo tengo y decidí hacer el ejercicio para estimar en pesos cuánto ha sumado a mi vida en términos de lo que he ganado en mis años de experiencia laboral. Es más que un mueble, se convirtió en mi centro de estudio y espacio creativo.&lt;/p&gt;

&lt;p&gt;Los resultados me asustaron y me pareció interesante documentarlo, no solo para mí sino para usarlo como un referencia de aprendizaje y crecimiento...&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqai4u6ofvuvir2ewnl2h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqai4u6ofvuvir2ewnl2h.png" alt="Image description" width="457" height="487"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;[Continúa...]&lt;/p&gt;

</description>
    </item>
    <item>
      <title>🎨La Digitalización del Arte</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Mon, 22 Apr 2024 15:02:38 +0000</pubDate>
      <link>https://forem.com/viistorrr/la-digitalizacion-del-arte-8gf</link>
      <guid>https://forem.com/viistorrr/la-digitalizacion-del-arte-8gf</guid>
      <description>&lt;p&gt;Hablar de revolución industrial y de un entorno digital ya es una conversación habitual y parte de nuestra realidad. Estamos inmersos en un contexto que obliga conocer y dominar herramientas que permitan realizar un trabajo eficiente para obtener resultados que en ocasiones superan la propia imaginación. Negarse a esto es no reconocer los avances y el impacto que se puede tener en las diferentes áreas profesionales.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fouherk5bfqcbi8qeu1zb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fouherk5bfqcbi8qeu1zb.png" alt="AI image generated by forNegros" width="800" height="1000"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;El arte, como expresión máxima de conocimiento y sabiduría, no se escapa a ésta revolución. En la actualidad, todo se desenvuelve en entornos digitales, lo que brinda diferentes formas de plasmar conceptos de manera visual, gráfica y artística. Es crucial entender que la transición hacia lo digital es un paso fundamental para cada uno de nosotros en un mundo donde podemos potenciar nuestros conocimientos y la forma como transmitimos mensajes a nuestra audiencia.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9pdcdgvh6mw6bf403jwj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9pdcdgvh6mw6bf403jwj.png" alt="AI + Productividad by viistorrr" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Es comprensible el temor al enfrentarnos a un cambio por desconocer las posibilidades de crecimiento al adentrarnos en nuevos entornos y nuevas herramientas. Sin embargo, la tarea es entender el impacto positivo que ésto puede tener en el mediano y largo plazo en la carrera de un artista, pues el futuro de la información ya está encaminado hacia los canales digitales y está siendo procesada por diferentes algoritmos que reflejan el pensar de las personas que las construyen y las cuales ya vienen con sesgos por los conjuntos de datos que se utilizan para construir y alimentar (te invito a leer el post &lt;em&gt;&lt;strong&gt;&lt;a href="https://fornegros.com/hablemos-de-algoritmos/?utm_source=devTo&amp;amp;utm_medium=ArteAIPost" rel="noopener noreferrer"&gt;Racismo en los algoritmos&lt;/a&gt;&lt;/strong&gt;&lt;/em&gt; un tema del que ya hablamos anteriormente). Entendiendo que la era en la que vivimos nos lleva hacia un alto nivel no solo de consumo sino también de generación de información en los diferentes formatos, el arte no puede quedar rezagado y mirar hacia el panorama que ya se está pintando.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2961egfnb43ep4s8dkyk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2961egfnb43ep4s8dkyk.png" alt="AI image generated by forNegros" width="800" height="1000"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Como toda transición, puede tomar tiempo y esfuerzo, pero es importante valorar que, aunque utilicemos herramientas que mejoren nuestra productividad, el verdadero valor de la obra final lo aporta el artista, pues es quien comprende y elabora cada concepto, quien hace trascender sus ideas y quien encuentra nuevas formas de expresión de sus conocimientos.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc1pglzfgex8imabuioxk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc1pglzfgex8imabuioxk.png" alt="AI + Productividad by viistorrr" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Si sos un artista que quiere conocer y aprender a utilizar herramientas para seguir creando tu arte, te invito a seguirnos por las diferentes redes sociales &lt;strong&gt;&lt;em&gt;&lt;a href="https://www.instagram.com/fornegros/" rel="noopener noreferrer"&gt;Instagram&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt;, &lt;strong&gt;&lt;em&gt;&lt;a href="https://www.facebook.com/fornegros" rel="noopener noreferrer"&gt;FB&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt;, &lt;strong&gt;&lt;em&gt;&lt;a href="https://twitter.com/fornegros" rel="noopener noreferrer"&gt;X&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt;, me podés contactar o escribirme al correo &lt;strong&gt;&lt;em&gt;&lt;a href="//mailto:fornegros@gmail.com"&gt;fornegros@gmail.com&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; y a dejarnos tu comentario respecto cómo sientes que ésta ola de revolución digital puede impactar tu carrera artística ¿peligra la vida del artista?😨 Esta transición no es excluyente y no debes dejar de hacer lo que ya sabes, ésto es un nuevo camino de exploración que se te abre donde vas a descubrir otras formas de expresión y potenciar tus habilidades a través de diversas herramientas que van a enriquecer tu discurso artístico.&lt;/p&gt;

&lt;p&gt;La invitación es a que te atrevas a desafiar los límites de tu creatividad en un mundo digital donde no te vas a cansar de sorprenderte con todo lo que se puede descubrir🎨😉&lt;/p&gt;

&lt;p&gt;🛍️También te invito a que te pases por &lt;strong&gt;&lt;em&gt;&lt;a href="https://fornegros.com/shop/?utm_source=devTo&amp;amp;utm_medium=ArteAIPost" rel="noopener noreferrer"&gt;🛒La Tienda&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; y veas las cositas que hemos venido sacando a partir de éste descubriendo de hacer arte digital con un enfoque de cultura y autoreconocimiento, son muchas y las estamos publicando de a poco. Se vale preguntar por lo que no veas para tus diseños personalizados😉&lt;/p&gt;

&lt;p&gt;💻También te invito a que te pases por &lt;strong&gt;&lt;em&gt;&lt;a href="https://fornegros.com/?utm_source=devTo&amp;amp;utm_medium=ArteAIPost" rel="noopener noreferrer"&gt;fornegros.com&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; un proyecto que nació de base tecnológica y usa AI en la mayoría de sus procesos.&lt;/p&gt;

&lt;p&gt;💡Si querés saber más sobre quien te habla, pasá por &lt;strong&gt;&lt;em&gt;&lt;a href="https://viistorrr.com/?utm_source=devTo&amp;amp;utm_medium=ArteAIPost" rel="noopener noreferrer"&gt;viistorrr.com&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; ahí podes encontrar acerca de mi perfil profesional &lt;/p&gt;

</description>
      <category>ai</category>
      <category>digitalart</category>
      <category>aiart</category>
      <category>artist</category>
    </item>
    <item>
      <title>Recursividad Aplicada en las Finanzas Personales</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Sun, 31 Mar 2024 23:31:22 +0000</pubDate>
      <link>https://forem.com/viistorrr/el-concepto-recursividad-aplicado-en-las-finanzas-personales-3jh6</link>
      <guid>https://forem.com/viistorrr/el-concepto-recursividad-aplicado-en-las-finanzas-personales-3jh6</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwccziv6uzuq4h5a0etpm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwccziv6uzuq4h5a0etpm.png" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Como concepto de programación, la recursividad puede parecer un tema lejano de las finanzas personales, sin embargo, es posible aplicar su base de conocimiento para la gestión nuestras finanzas si estamos en función de ser mas organizados con nuestros ingresos y los gastos asociados.&lt;/p&gt;

&lt;p&gt;Recursividad viene de las matemáticas y programación, donde una función o proceso tiene la capacidad de invocarse a sí mismo. Imagina tener una caja llena de otras cajas más pequeñas, y cada caja pequeña también tiene cajas más pequeñas adentro. Para vaciar la caja grande, se debe vaciar cada una de las cajas pequeñas, y para vaciar cada una de las cajas más pequeñas, se tiene que vaciar las cajas más pequeñas adentro de ellas. &lt;em&gt;Este proceso de repetir la misma acción a diferentes niveles es un ejemplo de recursividad.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Cómo se aplica recursividad en mis Finanzas Personales
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Analizando Ingresos y Gastos
&lt;/h3&gt;

&lt;p&gt;Se divide por categorías y subcategorías si se considera necesario. Un ejemplo, dividimos gastos por categorías como comida, arriendo, transporte, viajes, y luego dividir cada categoría en subcategorías con más detalle. Este proceso repetitivo de dividir y subdividir puede ayudarnos a tener una visión más clara y cercana sobre las propias finanzas.&lt;/p&gt;

&lt;h3&gt;
  
  
  Planificación
&lt;/h3&gt;

&lt;p&gt;La recursividad también puede ser útil en la planificación financiera. Si tenemos un objetivo financiero, como ahorrar para la pensión o comprar una casa, podemos dividir este objetivo en unos mas pequeños y manejables como comprar el lote primero. Por ejemplo, podríamos dividir el objetivo de ahorrar para la pensión en hitos por año, al mes o diario si se quiere. Luego se aplica el mismo proceso por cada hito, creando así un plan financiero detallado y recursivo.&lt;/p&gt;

&lt;h3&gt;
  
  
  Control de Deudas
&lt;/h3&gt;

&lt;p&gt;Si tenemos varias deudas, podemos aplicar un enfoque recursivo para pagarlas y salir de esas obligaciones. Primero, podríamos enfocarnos en la deuda más pequeña, pagándo completamente mientras hacemos abonos mínimos en las otras. Cuando la deuda más pequeña se pague, nos movemos a la deuda más pequeña que sigue, y así sucesivamente hasta que todas las deudas estén pagadas, a este método le dicen "bola de nieve" y es esencialmente un proceso recursivo.&lt;/p&gt;

&lt;h3&gt;
  
  
  Revisión periódica
&lt;/h3&gt;

&lt;p&gt;Realizar una revisión financiera de forma periódica (trimestre/semestre/anual o lo que quieran) es otro proceso recursivo. Durante cada revisión se evalúa la situación financiera actual, se establecen nuevas objetivos y se ajustan estrategias para ejecutar el plan de acción que corresponda.&lt;/p&gt;

&lt;h3&gt;
  
  
  Ventajas de la Recursividad aplicada en mis finanzas
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Consistencia:&lt;/strong&gt; Repitiendo los mismos procesos de manera recurrente mantiene un enfoque consistente en la gestión de tus propias finanzas.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Simplicidad:&lt;/strong&gt; Simplifica la gestión financiera, dividiendo objetivos financieros muy grandes en tareas más pequeñas, manejables y cercanas a mi realidad.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Adaptabilidad:&lt;/strong&gt; Los procesos recursivos son flexibles y se adaptan a medida que cambia tu realidad financiera.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Otro Ejemplo Sencillo&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Imagina tener una alcancía y decidís ahorrar 1k por día. Otro día hacés lo mismo: poner 1k en el tarro, eso es un proceso recursivo. Un mes después vas a tener 30k. Al año 366k si es bisiesto. Haciendo este proceso por varios años te puede ahorrar cantidad que no sabías que podías tener, esto tiene relación directa con el concepto de Interés Compuesto pero ese es otro tema.&lt;/p&gt;

&lt;p&gt;La recursividad puede ser un concepto poderoso no solo para programadores sino para cualquiera que esté en función de organizar sus finanzas personales. Dividiendo objetivos financieros, ingresos con sus gastos y asociados en partes más pequeñas que podamos manejar, se gana control sobre lo que (no)tenemos en el bolsillo y alcanzan objetivos de forma más simple, teniendo en cuenta que se debe usar la recursividad con prudencia y considerar si otros enfoques pueden aplicar mejor según cada caso.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.viistorrr.com/blog" rel="noopener noreferrer"&gt;Si querés leer cositas varias acá te dejo el Blog&lt;/a&gt;👈🏿&lt;/p&gt;

&lt;p&gt;Víctor🚀&lt;br&gt;
&lt;a href="https://twitter.com/viistorrr" rel="noopener noreferrer"&gt;@viistorrr&lt;/a&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>finanzaspersonales</category>
      <category>productivity</category>
    </item>
    <item>
      <title>¿Mobile First o Desktop First en desarrollo web?</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Tue, 19 Mar 2024 22:03:03 +0000</pubDate>
      <link>https://forem.com/viistorrr/mobile-first-o-desktop-first-en-desarrollo-web-7pb</link>
      <guid>https://forem.com/viistorrr/mobile-first-o-desktop-first-en-desarrollo-web-7pb</guid>
      <description>&lt;p&gt;Si estás comenzando en el mundo del desarrollo de software, es probable que hayas escuchado los términos "Mobile First" y "Desktop First" al hablar sobre diseño y desarrollo web. Estos conceptos se refieren a dos enfoques diferentes para crear sitios web y aplicaciones, y entenderlos te ayudará a tomar decisiones informadas sobre cómo desarrollar tu proyecto.&lt;/p&gt;

&lt;p&gt;Mobile First: Poniendo el enfoque en dispositivos móviles&lt;br&gt;
Mobile First es un enfoque de diseño y desarrollo web que prioriza la experiencia del usuario en dispositivos móviles, como teléfonos y tabletas. La idea detrás de Mobile First es que, dado que cada vez más personas acceden a internet desde dispositivos móviles, es fundamental diseñar y desarrollar primero para estos dispositivos.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffvdx2rmnl595sljubd5g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffvdx2rmnl595sljubd5g.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ventajas de Mobile First:&lt;br&gt;
Mejora la experiencia del usuario: Al diseñar primero para dispositivos móviles, puedes asegurarte de que tu sitio web o aplicación sea fácil de usar en pantallas más pequeñas, lo que mejora la experiencia del usuario.&lt;/p&gt;

&lt;p&gt;Mejora el rendimiento: Al optimizar tu sitio web o aplicación para dispositivos móviles, puedes reducir el tiempo de carga y mejorar el rendimiento en general.&lt;/p&gt;

&lt;p&gt;Mejora el SEO: Google y otros motores de búsqueda favorecen los sitios web optimizados para dispositivos móviles en sus resultados de búsqueda, lo que puede mejorar tu posicionamiento SEO.&lt;/p&gt;

&lt;p&gt;Desktop First: Enfoque tradicional para sitios web&lt;br&gt;
Por otro lado, Desktop First es el enfoque tradicional para el diseño y desarrollo web, que prioriza la experiencia del usuario en computadoras de escritorio. Aunque este enfoque ha sido común durante muchos años, cada vez es menos popular debido al crecimiento del uso de dispositivos móviles.&lt;/p&gt;

&lt;p&gt;Ventajas de Desktop First:&lt;br&gt;
Mayor espacio y capacidad: Los dispositivos de escritorio suelen tener pantallas más grandes y más capacidad de procesamiento, lo que permite crear interfaces más complejas y ricas en contenido.&lt;/p&gt;

&lt;p&gt;Mejor compatibilidad: Al diseñar primero para computadoras de escritorio, puedes asegurarte de que tu sitio web funcione bien en navegadores más antiguos o menos comunes que pueden no ser compatibles con los estándares móviles más recientes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvto4md5ugq79ko1tio6c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvto4md5ugq79ko1tio6c.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;¿Cuál es el mejor enfoque?&lt;br&gt;
Aunque ambos enfoques tienen sus ventajas, en la actualidad se considera que Mobile First es el enfoque más efectivo para el diseño y desarrollo web. Dado el creciente número de usuarios que acceden a internet desde dispositivos móviles, priorizar la experiencia del usuario en estos dispositivos puede mejorar significativamente el éxito de tu sitio web o aplicación.&lt;/p&gt;

&lt;p&gt;En resumen, Mobile First y Desktop First son dos enfoques diferentes para el diseño y desarrollo web, con Mobile First siendo el más recomendado en la actualidad debido al crecimiento del uso de dispositivos móviles. Al comprender estos conceptos, puedes tomar decisiones informadas sobre cómo desarrollar tu proyecto y ofrecer la mejor experiencia posible a tus usuarios.&lt;/p&gt;

&lt;p&gt;Víctor🚀&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/viistorrr" rel="noopener noreferrer"&gt;@viistorrr&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.viistorrr.com/" rel="noopener noreferrer"&gt;🌐viistorrr.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
      <category>ui</category>
      <category>ux</category>
    </item>
    <item>
      <title>🌪️No es humo</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Wed, 03 May 2023 14:43:26 +0000</pubDate>
      <link>https://forem.com/viistorrr/no-es-humo-4g9k</link>
      <guid>https://forem.com/viistorrr/no-es-humo-4g9k</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ngQFJb6X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5lw03dfjhv2pet9pe3d9.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ngQFJb6X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5lw03dfjhv2pet9pe3d9.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;No es humo💨&lt;/p&gt;

&lt;p&gt;Ya no veo gente cuestionándose si la Inteligencia Artificial nos va a dejar sin trabajo, no solo desarrolladores o profesionales que trabajan en temas relacionacios con tecnología, es un cuestionamiento general. Aplica para cualquier posición laboral.&lt;/p&gt;

&lt;p&gt;La expectativa es que se haya entendido el mensaje el mensaje y para los que no, todavía están a tiempo de hacerlo.&lt;/p&gt;

&lt;p&gt;A veces aburre leer tanto spam porque es el tema de moda y lo seguirá siendo durante los próximos años, pero negarse a esta realidad es no haber entendido el momento de la ciencia en el que estamos.&lt;/p&gt;

&lt;p&gt;No es moda, no es vender humo. Por mi parte ya se qué me podría pasar si no aprendo a utilizar las herramientas que están para potenciar un conocimiento que se tiene de base,  menospreciar y dejarlo de lado es no ser consciente de todo el poder que tenemos a disposición para construir un futuro.&lt;/p&gt;

&lt;p&gt;La invitación es a que lo intenten, al final nada pierden con ser curiosos y sumarse a aprender algo nuevo.&lt;/p&gt;

</description>
      <category>inteligenciaartificial</category>
      <category>tech</category>
      <category>ias</category>
      <category>ai</category>
    </item>
    <item>
      <title>❌Craso Error como Desarrollador de Software</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Mon, 24 Apr 2023 11:23:39 +0000</pubDate>
      <link>https://forem.com/viistorrr/craso-error-5fog</link>
      <guid>https://forem.com/viistorrr/craso-error-5fog</guid>
      <description>&lt;p&gt;Uno de los grandes errores que cometí en mi carrera como desarrollador por allá en el 2016 fue pensar que con lo que sabía de PHP, Laravel, MySQL, Angular, Bootstrap, HTML5, jQuery, etc era suficiente y podría comer el resto de mi vida.&lt;/p&gt;

&lt;p&gt;Estuve en esa burbuja más de un año pensando que el proyecto y el cliente para el que estaba me iba a dar trabajo para siempre, craso error!&lt;/p&gt;

&lt;p&gt;Siquiera reflexioné y salí de ahí, caer en ese punto de creer que ya sabes tanto como para no necesitar moverte viene del ego, ese ego que si no se direcciona te puede dañar, de creerte autosuficiente y capaz de todo a tu alrededor, sin estar abierto a aprender de los demás y perder esa capacidad de sorprenderme y sentirme expuesto ante el mercado laboral.&lt;/p&gt;

&lt;p&gt;Eso pasa mucho y hoy me lo repito todos los días, es válido sentirte vulnerable porque te obliga a dar un poquito más, te obliga a explorar cosas que antes no considerabas posible para vos y no te veías haciéndolas, siendo tímido de toda mi vida hoy me toca arriesgarme porque si hay algo que tengo claro es que nadie me debe nada, soy yo quien debe salir a ganarselo porque asi es la vida, no tenés de otra sino resolver con lo que tu misma capacidad y confianza te permiten hacer.&lt;/p&gt;

&lt;p&gt;No importa el rango, no importa el seniority, no importa el ego, es una lucha constante de convencimiento propio para poder superar los miedos que por naturaleza la vida trae con los retos y sentirme capaz de enfrentarme a ellos con convicción sabiendo que me puedo equivocar en ese camino para seguir aprendiendo.&lt;/p&gt;

&lt;p&gt;Es así&lt;/p&gt;

&lt;p&gt;V✊🏿🚀&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/viistorrr"&gt;@viistorrr&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.viistorrr.com/"&gt;🌐viistorrr.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>dev</category>
      <category>programming</category>
      <category>learning</category>
      <category>webdev</category>
    </item>
    <item>
      <title>¿Que son los Kudos?</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Sun, 05 Mar 2023 12:56:35 +0000</pubDate>
      <link>https://forem.com/viistorrr/que-son-los-kudos-2kg8</link>
      <guid>https://forem.com/viistorrr/que-son-los-kudos-2kg8</guid>
      <description>&lt;p&gt;Si me hubieran preguntado el año pasado qué son los kudos no habría sabido responder porque es un término con el que soy familiar hace solo unos meses, pues resulta que la primera vez que lo escuché no entendí a qué se refería ni en qué contexto se podría utilizar. Era una de mis primeras reuniones en un equipo y por lo mismo no tenía la suficiente confianza para levantar la mano y preguntar en público por ese miedo que todos hemos tenido alguna vez de hacer la mal llamada &lt;strong&gt;&lt;em&gt;“pregunta boba”&lt;/em&gt;&lt;/strong&gt;; quedé con la duda y una vez terminó el daily le escribí por interno a un compañero para que por favor me diera un contexto de cómo y en qué momento utilizarlo, pues también los kudos tienen un timing en los equipos de trabajo, generalmente se dan en las reuniones de retrospectiva, si estás en un entorno de trabajo ágil como &lt;strong&gt;SCRUM.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--N4c35fhj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/amnvlcll67qz1atrxqiv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--N4c35fhj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/amnvlcll67qz1atrxqiv.png" alt="Imagen tomada de https://globalhumancon.com/" width="512" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Dar kudos es básicamente la acción de reconocer el mérito a alguien por el buen trabajo, desempeño, rendimiento, performance, como le quieras decir, que alguien a tu alrededor ha venido realizando. No es más que eso, es una acción simple con la que puedes darle valor a quien lo merece, hacerlo no te quita valor a ti, pues estas dejando saber que notas el esfuerzo que se está haciendo para mejorar y lograr avances en los objetivos que cada persona tiene y que además, en esa misma dirección permite el progreso y crecimiento del equipo de trabajo que todos hacen parte, si ese es el caso.&lt;/p&gt;

&lt;p&gt;Pocas personas entienden el valor que le da a uno mismo reconocer, pero más que eso manifestar de manera explícita y en público el buen trabajo que hacen los demás, hacerlo te hace ser una persona o profesional vulnerable en el sentido de que tu mente subconsciente lo interioriza y al mismo tiempo te motiva a querer ser parte de eso, vas a querer mejorar y seguir la misma ruta que tus compañeros de equipo. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Conclusión,&lt;/em&gt;&lt;/strong&gt; no seas tímido, se puede dar valor a los demás reconociendo sus méritos. &lt;/p&gt;

&lt;p&gt;En el momento que consideres que alguien está haciendo algo bien simplemente se lo dejas saber. Así esa persona te lo va a agradecer y sabrá que va por buen camino en cualquier cosa que esté trabajando, emprendiendo o simplemente estudiando…&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1aqzGW-l--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/44dc5mur7b41h438yhv8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1aqzGW-l--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/44dc5mur7b41h438yhv8.png" alt="viistorrr dando Kudos" width="527" height="93"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/viistorrr"&gt;@viistorrr&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.viistorrr.com/"&gt;🌐viistorrr.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>kudos</category>
      <category>tech</category>
      <category>teams</category>
      <category>partners</category>
    </item>
    <item>
      <title>Acerca del feedback...</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Sun, 12 Feb 2023 14:47:39 +0000</pubDate>
      <link>https://forem.com/viistorrr/acerca-del-feedback-16a1</link>
      <guid>https://forem.com/viistorrr/acerca-del-feedback-16a1</guid>
      <description>&lt;p&gt;&lt;em&gt;&lt;strong&gt;"Uno como desarrollador nunca sabe qué tan preparado tiene que estar para recibir un feedback de parte de algún miembro del equipo, pero si debe estar listo para resolverlo"&lt;/strong&gt;&lt;/em&gt; - Yo😁&lt;/p&gt;

&lt;p&gt;Un desarrollador de software siempre es más optimista de lo que debería ser cuando crea un &lt;strong&gt;Pull Request(PR)&lt;/strong&gt;. Pasa que al momento de crearlo, lo hacemos con la convicción de que todo lo que se está enviando a revisión no va a necesitar mejoras de nuestra parte y no esperaríamos que se nos corrija porque tenemos la expectativa de que nuestros cambios sean integrados a la rama **main **y así hacer nuestro respectivo aporte en las mejoras incrementales del proyecto en el que estamos participando.&lt;/p&gt;

&lt;p&gt;Sin embargo, ésto no siempre ocurre, de hecho es muchísimo más probable recibir comentarios con detalles para arreglar, a que simplemente se nos apruebe como si todo estuviera perfecto, eso nunca ocurre - Pueden pasar horas, días, hasta semanas!!! antes de que te lo aprueben por el hecho de que aún no arreglas detalles -. De ahí esa frase cliché &lt;em&gt;"siempre hay cosas por mejorar"&lt;/em&gt;. Porque debemos entender y aceptar que no somos infalibles, que en nuestra industria hay otras personas que tienen conceptos de lenguajes, formas de implementación, sintaxis, frameworks, lo que sea que quieras mencionar y de ahí que en ese momento debemos estar con la suficiente humildad para aceptar que todavía podemos ser mejores.&lt;/p&gt;

&lt;p&gt;El feedback no es algo personal y si queremos ser parte de ésta industria en algún momento lo tendremos que enfrentar. No te están diciendo que sos mal desarrollador, no te están diciendo que sos mal profesional, no te dicen "es que vos sos mala persona", nada de eso, todo lo contrario, te están dando la oportunidad de aprender de ellos, del producto, del negocio, de conceptos y explícitamente te están diciendo qué puntos tenés que atacar para mejorar como profesional.&lt;/p&gt;

&lt;p&gt;Aún así es muy cierto que esa retroalimentación va directo al ego todos tenemos y nos alcanza a doler un poquito, pero en ese momento cuando sentimos ese dolorcito es cuando debemos hacer uso de nuestra conciencia y aceptar como profesionales que estamos en una industria donde todos tienen algo que aportar y de cada uno los miembros del equipo podemos aprender, de ahí que ser humilde con nuestro conocimiento es un factor clave para entender que cada día viene con una oportunidad para ser mejores no sólo en skills técnicos y de código sino también de habilidades blandas que nos van a permitir entender el contexto, saber hablar, escuchar, participar, reconocer y además persuadir con buenos argumentos que permitan oportunidades de mejora para todos.&lt;/p&gt;

&lt;p&gt;Date esa oportunidad de estar abierto al crecimiento, deja de lado ese orgullo egoísta que no te permite ver que hay personas en tu entorno que le pueden sumar a tu vida, cambia esa actitud y seguro que todos podemos seguir una ruta de aprendizaje constante.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/viistorrr" rel="noopener noreferrer"&gt;@viistorrr&lt;/a&gt;&lt;br&gt;
🌐 &lt;a href="https://www.viistorrr.com/" rel="noopener noreferrer"&gt;www.viistorrr.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>github</category>
      <category>management</category>
      <category>productivity</category>
      <category>career</category>
    </item>
    <item>
      <title>Setear rutas relativas en NextJS</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Thu, 22 Dec 2022 00:39:08 +0000</pubDate>
      <link>https://forem.com/viistorrr/setear-rutas-relativas-en-nextjs-1hcj</link>
      <guid>https://forem.com/viistorrr/setear-rutas-relativas-en-nextjs-1hcj</guid>
      <description>&lt;p&gt;Hey! Todos en algún momento de nuestros proyectos de NextJS nos hemos encontrado con la situación de tener que importar algún componente que se debe usar.&lt;/p&gt;

&lt;p&gt;Generalmente, importamos las rutas de ésta manera 👇🏾&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hJIvBqG9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r3gd517qq69cly1klban.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hJIvBqG9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r3gd517qq69cly1klban.png" alt="old method" width="880" height="247"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Y eso no está mal, sólo que los proyectos crecen y a medida que pasa ésto puede ser muy tedioso porque debemos movernos entre carpetas y tenemos que empezar a buscar para encontrar el que necesitamos. Esto se puede solucionar de manera muy fácil y acá te voy a mostrar cómo:&lt;/p&gt;

&lt;p&gt;Dentro de la raíz del proyecto, vas al archivo &lt;code&gt;tsconfig.json&lt;/code&gt; en caso de que estés usando Typescript, de lo contrario debes tener &lt;code&gt;jsconfig.json&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Una vez en éste archivo, tienes un objeto llamado &lt;code&gt;compilerOptions&lt;/code&gt; en el que como primero, vas a agregar la opción &lt;code&gt;baseUrl&lt;/code&gt; así👇🏾&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--08Zw_2DY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kotjexueb4qs6tgaud63.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--08Zw_2DY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kotjexueb4qs6tgaud63.png" alt="base" width="834" height="366"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Luego, se agrega el atributo &lt;code&gt;paths&lt;/code&gt; y en éste objeto las paths 👇🏾&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--F5oo-M4V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/shto6nugr3arzmqmwhyl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--F5oo-M4V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/shto6nugr3arzmqmwhyl.png" alt="path" width="880" height="367"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Se puede agregar cuantas rutas consideres necesarias, al final podrás tener algo como ésto👇🏾&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--izcFnsTO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ll39qo3eeo6rspxqegy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--izcFnsTO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ll39qo3eeo6rspxqegy.png" alt="paths" width="880" height="606"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Al final, la estructura de tu proyecto en NextJS va a lucir mucho más limpia y deberías poder ver tu proyecto así&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--66AcviW0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kesd21rd26wj64316fbb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--66AcviW0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kesd21rd26wj64316fbb.png" alt="next project" width="260" height="444"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.viistorrr.com/"&gt;www.viistorrr.com&lt;/a&gt;&lt;br&gt;
&lt;a href="https://twitter.com/viistorrr"&gt;@viistorrr&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>programming</category>
      <category>typescript</category>
      <category>frontend</category>
    </item>
    <item>
      <title>SSR en NextJS</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Sun, 13 Nov 2022 17:28:38 +0000</pubDate>
      <link>https://forem.com/viistorrr/ssr-ssg-pwa-que-son-y-cual-debes-utilizar-46b4</link>
      <guid>https://forem.com/viistorrr/ssr-ssg-pwa-que-son-y-cual-debes-utilizar-46b4</guid>
      <description>&lt;p&gt;Es el más utilizado en grandes aplicaciones por su rapidez en la hidratación en el servidor.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2TzvNhgR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ll2boxcm13uumlxo0pxe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2TzvNhgR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ll2boxcm13uumlxo0pxe.png" alt="SSR" width="800" height="462"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;La página nos entrega de primero el &lt;code&gt;HTML&lt;/code&gt;mientras por debajo está procesando desde el servidor los archivos &lt;code&gt;JS&lt;/code&gt;los cuales van cargando los diferentes eventos. Es por ésta razón que el primer render es muy rápido, porque lo se que se hace es pintar antes de cargar acciones, ésto tiene una mejora directa en el flujo.&lt;/p&gt;

&lt;p&gt;NextJS ya incluye éste concepto en sus implementaciones y lo puedes usar de ésta manera:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--arK10UGu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6xt33pknl6szqs2i5hln.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--arK10UGu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6xt33pknl6szqs2i5hln.png" alt="vscodessr" width="800" height="517"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>ssr</category>
    </item>
    <item>
      <title>Operador Ternario en lugar de '&amp;&amp;' en ReactJS/NextJS</title>
      <dc:creator>viistorrr</dc:creator>
      <pubDate>Sun, 06 Nov 2022 14:47:46 +0000</pubDate>
      <link>https://forem.com/viistorrr/operador-ternario-en-lugar-de-en-reactnext-165c</link>
      <guid>https://forem.com/viistorrr/operador-ternario-en-lugar-de-en-reactnext-165c</guid>
      <description>&lt;p&gt;Ya puedes dejar de usar el operador '&amp;amp;&amp;amp;' en un Conditional Rendering de tus componentes de ReactJS/NextJS&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz9fba4cdhsf915642jt8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz9fba4cdhsf915642jt8.png" alt="No more &amp;amp;&amp;amp; operator"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Si has venido trabajando anteriormente con ReactJS, sabes que el renderizado de los componentes depende de dos cosas, del &lt;code&gt;state&lt;/code&gt;y las &lt;code&gt;props&lt;/code&gt;. Así mismo, existen diferentes formas de hacer un Conditional Rendering, aquí les voy a mostrar quizás la más utilizada para validar cuándo mostrar un componente o no en la UI, el operador &lt;code&gt;&amp;amp;&amp;amp;&lt;/code&gt;, que funciona, pero sin embargo tiene algunos casos en los que podrías tener problemas al momento de hacer el render.&lt;/p&gt;

&lt;p&gt;Primero te voy a mostrar cómo funciona el &lt;code&gt;&amp;amp;&amp;amp;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Un ejemplo clásico de éste se ve así👇🏾&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const RandomComponent = ({ condicion }) =&amp;gt; {
  return (
    &amp;lt;&amp;gt;
      {condicion &amp;amp;&amp;amp; &amp;lt;YourConditionalComponent /&amp;gt;}
    &amp;lt;/&amp;gt;
  );
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;La lógica de éste funciona así:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Si &lt;code&gt;condicion&lt;/code&gt; se cumple, osea &lt;code&gt;true&lt;/code&gt; entonces &lt;code&gt;&amp;lt;YourConditionalComponent /&amp;gt;&lt;/code&gt; se renderiza&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Si &lt;code&gt;condicion&lt;/code&gt; no se cumple, osea &lt;code&gt;false&lt;/code&gt; entonces &lt;code&gt;&amp;lt;YourConditionalComponent /&amp;gt;&lt;/code&gt; no se renderiza.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;¿Por qué?&lt;/strong&gt; Esto más que un concepto de React es un comportamiento de Javascript que se llama &lt;em&gt;short-circuit evaluation&lt;/em&gt; que consiste en que si el primer operador(condicion) es &lt;em&gt;false&lt;/em&gt; entonces el operador &lt;code&gt;&amp;amp;&amp;amp;&lt;/code&gt; se detiene y no evalúa la segunda condición, en éste caso &lt;code&gt;&amp;lt;YourConditionalComponent /&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Ahora, &lt;strong&gt;por qué No usar el &lt;code&gt;&amp;amp;&amp;amp;&lt;/code&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Este operador tiene una sintaxis bastante simple y se utiliza mucho, de hecho funciona, pero el hecho de que algo funcione no quiere decir que debas utilizarlo.&lt;/p&gt;

&lt;p&gt;Volviendo al ejemplo de arriba, si &lt;code&gt;condicion&lt;/code&gt; tiene un resultado &lt;code&gt;true&lt;/code&gt;o &lt;code&gt;false&lt;/code&gt;evidentemente vas a tener el comportamiento que esperas según sea el caso, muy bien! Sin embargo ésto funciona sólamente cuando se está evaluendo condiciones que entregan un  &lt;code&gt;boolean&lt;/code&gt;, quiere decir que cualquier otro caso podrías tener problemas al momento de renderizar.&lt;/p&gt;

&lt;p&gt;Por ejemplo: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Si quisieras evalues un valor numérico, &lt;code&gt;0&lt;/code&gt;, tu componente se va a renderizar sin estar cumpliendo totalmente tu condición.&lt;/li&gt;
&lt;li&gt;Por otro lado, si tu &lt;code&gt;condicion&lt;/code&gt; es &lt;code&gt;undefined&lt;/code&gt; vas a tener un error del tipo &lt;code&gt;Uncaught Error: Error...: Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Dicho ésto &lt;em&gt;&lt;strong&gt;¿qué usar para un Conditional Rendering en tus componentes?&lt;/strong&gt;&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;La solución es muy sencilla, si quieres evitar tener problemas que se salgan de control en tu UI, puedes usar el operador ternario de Javascript, así👇🏾&lt;/p&gt;

&lt;p&gt;&lt;code&gt;condicion ? &amp;lt;YourConditionalComponent /&amp;gt; : null&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Con éste simple cambio podrás tener tu código más seguro y evitar que tu UI se rompa en algún momento del renderizado, recuerda utilizar el Operador Ternario de Javascript en lugar del operador lógico AND, simple pero efectivo.&lt;/p&gt;

&lt;p&gt;Nos vemos en la próxima para más tips de javascript, ReactJS, NextJS, Typescript.&lt;/p&gt;

&lt;p&gt;Sígueme en mis redes sociales como &lt;a class="mentioned-user" href="https://dev.to/viistorrr"&gt;@viistorrr&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://twitter.com/viistorrr" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.instagram.com/viistorrr/" rel="noopener noreferrer"&gt;Instagram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/webdev-path/shared_invite/zt-1dkkhbxc2-Eb_jrPdBF7cM6GxYs48_pQ" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>react</category>
      <category>nextjs</category>
      <category>programming</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
