This site runs best with JavaScript enabled.

Hola, soy Matías!

Soy un Ingeniero de Sofware Chileno, me gusta compartir lo que aprendo. Me guío por la idea de "Learn in Public". Así que bienvenido a mi pequeño espacio en internet, mi "jardín digital". Creo contenido enfocado en la comunidad de habla hispana pero también puedes encontrar contenido en Inglés

Lecciones y Cursos en Egghead

Me encanta enseñar y tuve la gran oportunidad de ser parte de Egghead. Las lecciones y cursos en egghead son el primer y quizá más importante material audiviosual que realizo

PodcastsControl Remotoy Café con Tech

Me encanta enseñar y tuve la gran oportunidad de ser parte de Egghead. Las lecciones y cursos en egghead son el primer y quizá más importante material audiviosual que realizo

También escribo en Freecodecamp

Freecodecamp es una organización sin fines de lucro para la enseñanza de desarrollo de software y formación de futuros desarrolladores. Tengo el honor y agrade de escribir para su editorial en español e ingles.

¿Qué es Babel?

¿Qué es Babel?

En el tercer artículo de esta serie sobre herramientas orientadas a la experiencia de desarrollador revisamos Babel. Puedes encontrar los artículos previos en: ¿Qué es Linting y ESLint? ¿Qué es npm? ¿Qué es Babel? Babel es un "compilador" (o transpilador) para JavaScript. Básicamente permite transformar código escrito con las últimas

09/03/2021
¿Qué es NPM?

¿Qué es NPM?

Foto por Sigmund on Unsplash En este segundo artículo de la serie sobre las distintas herramientas orientadas a la experiencia de desarrollo revisaremos que es npm. Puedes encontrar el primer artículo: ¿Qué es Linting y ESLint? en este enlace. ¿Qué es npm? npm es parte esencial de Node.js, el

08/02/2021
¿Qué es Linting y ESLint? ¿Cómo empezar?

¿Qué es Linting y ESLint? ¿Cómo empezar?

En el mundo del desarrollo de aplicaciones web hay una miríada de herramientas que buscan, no sólo mejorar la experiencia de usuario y la performance de tu aplicación en general, si no también, mejorar la experiencia de desarrollo (DX). Si bien tener tantas herramientas y opciones a disposición puede ser

26/01/2021
¿Qué es un closure en Javascript?

¿Qué es un closure en Javascript?

Closure es un concepto confuso por que su uso es “invisible”. A diferencia de otros conceptos como funciones, variables u otros. Los closures no son siempre utilizados a conciencia y de forma directa. No dices: Oh aquí usaré un closure como solución. Pero al mismo tiempo, lo más probable es

06/01/2021
¿Qué son React Server Components?

¿Qué son React Server Components?

El equipo tras React no encontró mejor manera de terminar el año que dejando a la comunidad de desarrolladores con ansiedad por obtener una nueva característica en la ya prominente librería. El 21 de Diciembre se publicó la grabación de una charla en donde Dan Abramov, Lauren Tan, Joseph Savona

31/12/2020

Escribo algunos Artículos

Un digital garden/jardín digital es un espacio digital lleno de ideas interconectadas e información recolectada, curada y siempre en progreso durante el tiempo. Esto implica que dentro de este espacio existirá contenido que aún no "florece" o incluso que se encuentra en estado de semilla o germinación. Un conjunto de ideas que se mantienen en progreso. Estará enfocado en Javascript, React y desarrollo web en general. Esta es mi selección personal de esas semillas.

4 formas de eliminar elementos duplicados en un arreglo con Javascript

Remover elementos duplicados de un arreglo es una tarea común durante el desarrollo de software. Javascript ofrece varias formas de hacerlo y su elección depende del caso de uso.

#Arreglos, #Array, #ES6, #Array.reduce, #Array.filter, #Remover duplicados, #egghead, #lesson, #tutorial

Cómo Crear Animaciones con React Native

Las animaciones son parte importante de cualquier aplicación ya que permiten ofrece una mejor experiencia de uso siendo utilizadas como feedback para las acciones del usuario.

#React Native, #Animation, #animación, #animacion, #animaciones, #como

¿Qué es Linting y ESLint?

#eslint, #linting, #javascript, #tooling

¿Qué es un closure en Javascript?

¿Qué es un Closure y por que es relevante al desarrollar con React u otro framework?

#Javascript, #Closures, #React, #Fundamentos, #Stale Closure

React Native: Promesas y Callbacks en módulos nativos

React Native ofrece estructuras de datos que permiten desarrollar módulos nativos que exponen el uso de Promesas y Callbacks a tu aplicación React Native

#React Native, #Modulos Nativos, #Native Module, #Promises, #Callbacks

React useEffect Hook Comparado con los Estados del Ciclo de Vida

El hook useEffect y los estados del ciclo de vida de un componente. Son comparables? Funcionan igual? Es uno del reemplazo del otro?.

#React, #useEffect, #hook, #hooks

Crear un componente Wizard utilizando useState React hook

Como utilizar useState React hook para crear un sencillo componente Wizard o multi-step

#useState, #hooks, #hook, #React, #Wizard, #componentes, #lesson, #tutorial

Y hago algunas Charlas

También me gusta participar en meetups o encuentros.

Pensando en React

Esta charla fue presentada Comunidad React Chile: Facebook el 05/12/2020.


Mantente al día con más Javascript, React, Typescript y otros temas de interés

🎉 📩 🎉

🧡 Hecho full JamStack con Gatsby, Sanity.io. Hosteado en Netlify. Hermoseado gracias a TailwindCSS. Gracias a @benrogerson por la genial twin.macro 🤘