• Frontenderos
  • Posts
  • #168 Una mejor guía a Formularios en React

#168 Una mejor guía a Formularios en React

Como optimizar el tamaño del DOM en React.js

Una mejor guía a Formularios en React

Cuando trabajas con formularios en React, usualmente lo haces en base a dos enfoques, con componentes controlados y no controlados. Cada una presenta sus ventajas y desventajas y en este articulo se analiza el enfoque dependiendo de lo que necesitas.

Como optimizar el tamaño del DOM en React.js

¿Tienes un proyecto React.js que necesitas optimizar para producción? Con estas técnicas de optimización vas a poder hacer que el DOM sea más pequeño y mejorar el desempeño del renderizado y de los procesos de JavaScript con el DOM.

EL RINCÓN DEL DISEÑADOR 🎨 
El reporte de tendencias de The Monotype 2024

Esto es para los frontenderos más diseñadores, amantes de las aventuras y tipografías, que quieren expandir los limites de sus diseños e incorporar estas tendencias a sus diseños. Nada mas basta ver los sitios en siteinspire.com para darse cuenta que tarde o temprano, a uno le tocará hacer un sitio de ese estilo.

GUÍA 📖 
Como hacer links externos accesibles

Te tenemos una mala noticia. Hacer que los links abran por defecto en una nueva pestaña, no es accesible, y no lo decimos nosotros, lo dice la W3C y también los compas de Nielson Norman Group. Y la razón es que, si por defecto abres un link en una nueva pestaña, le quitas al usuario la opción de elegir, y hay muchos tipos de usuarios que pueden desorientarse con este tipo de acciones. Y como frontenderos, hay que darles poder al usuario.

HERRAMIENTA 🛠️ 
React Pro Sidebar

La ventaja del Open Source, es que puedes encontrar código para todo si alguien con interés lo creó y lo liberó. Por ejemplo, si quisieras un sidebar en React para no tener que construirlo tú por cualquier razón, puedes usar este que tiene todo lo necesario para ese proyecto que estas construyendo.

MDXEditor

Si estas construyendo un Dashboard Product o un Blog, vas a necesitar integrar un editor a tu proyecto. No busque más, te tenemos una opción de editor que te va a ayudar muchísimo ya que tiene soporte para Markdown, Imágenes, barra personalizable y más.

LANZAMIENTO 🚀 
Remix 2.7.0

La versión 2.7.0 ya salió y trae soporte estable para Vite en Remix 🎉. Ademas de eso también lanzaron un nuevo export para Layout y otras mejoras a bugs.

UN DÍA COMO HOY 🗓️ 

El 26 de febrero de 1999, Intel lanza su microprocesador de arquitectura i686 denominado Pentium III el cual es en realidad una modificación del Pentium Pro.

Las primeras versiones eran muy similares al Pentium II, siendo la diferencia más importante la introducción de las instrucciones SSE (Streaming SIMD Extensions).

Al igual que con el Pentium II, existía una versión Celeron de bajo presupuesto y una versión Xeon para quienes necesitaban de gran poder de cómputo.

La línea de procesadores Pentium III fue reemplazada por el Pentium 4, aunque cabe destacar que el procesador Pentium M utilizado en los computadores portátiles  está basada en el Pentium III.

Existen tres versiones de Pentium III: Katmai, Coppermine y Tualatin.

VACANTE 💼 
Front-end Developer

Ubicación: Área metropolitana de Ciudad de México (Remoto)
Empresa: Divelement
Requisitos: +5 años de experiencia con React o cualquier otro framework JS moderno como VueJS. +3 años de experiencia con UI. Experiencia con JavaScript moderno.
Beneficios: Basamos nuestra compensación en los siguientes factores: ubicación, experiencia, exposición y habilidades. Divelement ofrece un entorno de trabajo remoto donde la autonomía y la responsabilidad van de la mano. Además de nuestra compensación y entorno laboral, ofrecemos PTO, vacaciones y beneficios médicos.

Entra aquí para aplicar a esta vacante. 🤞 

Tu feedback nos ayuda a mejorar

Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀

¿Qué te pareció el email de hoy?

Iniciar Sesión o Suscríbete para participar en las encuestas.

¡Hasta mañana! 🤟