Artículos

Artículos detallados para aprender a navegar por el ecosistema Frontend.

La Guía Práctica de GraphQL

GraphQL es la especificación de un lenguaje de consulta y un "runtime" mantenida por la comunidad open-source

Ver artículo
Tiempo: ~16m

La Guía Definitiva de Métodos de Arreglos

Conocer diferentes métodos para manipular arreglos te ayudará a hacerlo de manera más eficiente.

Ver artículo
Tiempo: ~15m

Aprende Sobre la Coerción de Datos en JavaScript

En este artículo explicamos el concepto de coerción de datos y analizamos cómo convertir valores de un tipo de dato a otro, de manera implícita y explícita.

Algoritmos de Ordenación (Sorting) en JavaScript

Estos algoritmos nos proveen una base para ordenar datos en nuestras aplicaciones, pero no son las únicas posibilidades.

Ver artículo
Tiempo: ~16m

Diferencias Entre Declaraciones de Funciones y Expresiones de Funciones

En este post veremos las diferencias fundamentales entre declaraciones y expresiones de funciones.

Lo que Nadie te Enseña Sobre la Igualdad en JavaScript

El objetivo de este artículo es cambiar tu percepción e interpretación sobre lo que muchos le llaman "lo malo de JavaScript".

Ver artículo
Tiempo: ~15m

Data Fetching con Next.js usando getServerSideProps y getStaticProps

En este artículo le darás una mirada profunda a cómo consumir datos de un API REST pública para construir dos páginas en una aplicación Next.js.

Ver artículo
Tiempo: ~11m

Introducción a useState, useContext y useReducer

Explorar la estructura de carpetas que debemos realizar, así como el manejo de Context con la combinación de un estado global, gestionado por useReducer.

Ver artículo
Tiempo: ~10m

Data Fetching con React Usando usestate y useEffect

En particular, aprenderás a utilizar los hooks useState y useEffect para gestionar el estado de los datos que obtengas de la API.

Ver artículo
Tiempo: ~12m

Aprende a usar GraphQL en tu Proxima Aplicación de React

Aprende los últimos estándares y en reducir el nivel de complejidad que significa obtener datos desde un servidor.

Ver artículo
Tiempo: ~14m

La Guía Definitiva de Consola API

Mejora tu código y entiende realmente que está haciendo con la ayuda de la Console API.

Ver artículo
Tiempo: ~10m

Las diferencias entre Componentes Controlados y No-Controlados en React

React define dos tipos de componentes: Controlados y No-Controlados. En este artículo revisaremos las diferencias entre estas dos categorías.

La Guía Práctica para Crear Aplicaciones en React

Revisaremos diferentes formas de crear una aplicación con React.

Ver artículo
Tiempo: ~11m

Mutabilidad de Objetos en JavaScript

En este artículo definimos “mutabilidad” e “inmutabilidad” de objetos en JavaScript.

Cómo Gestionar las Versiones de Dependencias con Confianza

En este post, relataré cómo pude arreglar las dependencias rotas y traer la aplicación al día, junto a las lecciones que aprendí haciéndolo.

Ver artículo
Tiempo: ~12m

Una Guía Práctica para Formularios en React

Una vez que termines de leer este artículo vas a entender las características de la creación de formularios web

Ver artículo
Tiempo: ~16m

Aprende Correctamente a Clonar Objetos en JavaScript

Debido a que los objetos en JavaScript son pasados por referencia, no puedes simplemente copiar usando el =

La Guía Definitiva de Estructuras de Datos en JavaScript - Linked-Lists

Las linked-lists son útiles cuando el orden de los datos es importante y solo requerimos acceso por los extremos.

Introducción al Rendimiento de Algoritmos y Algoritmos de Búsqueda

Big O es una manera de describir el rendimiento de un algoritmo basado en el tamaño de la entrada. Utiliza el peor caso posible para estimarlo.

Ver artículo
Tiempo: ~14m

Todo lo que Necesitas Saber Sobre React Router 6

Con este artículo, configuramos nuestro Router.js haciendo uso de rutas anidadas y las mejores características de la versión 6 de React Router,

Aprendamos sobre los Tipos Primitivos de JavaScript en Profundidad

Los tipos primitivos son una parte fundamental del lenguaje de JavaScript. En este artículo aprenderás qué son, sus tipos y la diferencia entre ellos

Ver artículo
Tiempo: ~12m

Escribe Javascript Moderno con Arrow Functions

Usar arrow functions es la preferencia actual al escribir Javascript moderno, estas te permiten escribir métodos más concisos.

El Modelo de Caja en CSS y Cómo Implementarlo

El modelo de caja de CSS es la base de todo el sistema de layout que el navegador sigue para desplegar tu sitio web o aplicación.

Cómo Crear un Blog con Next.js y Markdown

En este artículo hemos pasado el contenido de nuestros artículos MDX como data JSON con Contentlayer.

Ver artículo
Tiempo: ~10m

La Guía Práctica de Var, Let y Const

Hay diferentes tipos de acciones, var, let y const son tres herramientas diferentes, que ninguna reemplaza a la otra, debemos saber su función y cómo usarlas.

Cómo Utilizar Styled Components en React

Styled Components te permite darle estilo a tus componentes manteniendo la modularidad de React

Ver artículo
Tiempo: ~11m

¿Cómo Funciona la Prop Key en React?

React no tiene forma de conocer de antemano los detalles de implementación de tu código y los cambios ejercidos sobre tus datos dentro de una colección

Descubre la Importancia de Aprender Sobre los Ámbitos de JavaScript

Los ámbitos en JS nos ayuda a pensar como los sistemas que ejecutan nuestro código, y nos ayuda a encontrar soluciones fácilmente y más rápido.

Ver artículo
Tiempo: ~10m

Diferencias Entre Valor y Referencia en JavaScript

En JavaScript los tipos primitivos se pasan como valores: lo que significa que cada vez que se asigna un valor, se crea una copia de ese valor.

Ver artículo
Tiempo: ~11m

La Guía Definitiva de Estructuras de Datos en JavaScript - Stacks & Queues

Las estructuras discutidas en este artículo son excelentes cuando necesitas mantener un orden particular, pero solo necesitas acceso en algún extremo.

Ver artículo
Tiempo: ~10m

Configura ESLint, Prettier y Git Hooks en tu Próximo Proyecto de Javascript

El ecosistema de JavaScript es gigante, y tiene herramientas muy poderosas que pueden hacer nuestra vida mucho más fácil.

Ver artículo
Tiempo: ~13m

Utiliza Context Para el Manejo de Estado en tu Aplicación React

En este artículo vimos algunas técnicas para compartir datos entre componentes: levantar el estado, prop drilling y Context.

Ver artículo
Tiempo: ~21m

¿Es Remix JS el Próximo Framework Para Ti?

En este artículo vimos como utilizar las características principales de Remix creando un proyecto de ejemplo.

Ver artículo
Tiempo: ~11m

Entiende el Hoisting en JavaScript con Ejemplos Prácticos

Hoisting es un concepto fundamental del lenguaje JavaScript debido a que te ayuda a entender cómo tu código es ejecutado.

Entiende el Concepto de Elevación (Hoisting) en JavaScript

En este artículo vas a aprender una de las partes fundamentales de la ejecución de nuestro código en JavaScript: La elevación o Hoisting. Puede que conocer sobre Hoisting suene algo extraño ...