MogueloDev

04/04/2021

Esto es... moguelo dev!!!

Hola gente aqui de regreso 😅, continuamos con la serie de los hooks de react, esta semana les enzeño a utilizar los hooks useCallback() y useMemo() para optimizar tu aplicación de re-rendereos innecesarios.

Trataré de estar subiendo videos en cuanto pueda
espero les sea de utilidad.

Les dejo el link:

En este video te explico como utilizar los hooks useMemo y useCallback para evitar realizar re-rendereos innecesarios y mejorar el performance de tu aplicaci...

06/09/2020

Continuamos con la serie de los hooks, te voy a
mostrar como darle vida a un todo list con el hook
useReducer, al final te muestro una comparación utilizando
useState para que puedas notar las diferencias.

Video Completo --> https://www.youtube.com/watch?v=XwfM9GLBr3I
Live Demo --> https://moguelor.github.io/yt-react-hooks/ #/useReducer
Repositorio --> https://github.com/moguelor/yt-react-hooks

21/08/2020

[UPDATED]

VSCode tambien incluye en sus ultimas versiones su propio auto import, habria que probar que tan bien funciona en nuestro código :).

https://code.visualstudio.com/Docs/languages/javascript -imports

Hola! Ya que me llego esta duda por mensaje, les comparto esta extensión de visual studio code para los que no la conozcan, les será de grán utilidad para auto importar código y ser un poco mas rápidos en lo que esten trabajando, en este caso lo utilizo para importar los hooks cuando hago referencia en el código.

¿La conocías?

Plugin: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

17/08/2020

Hola! Continuamos con la serie de react hooks, en esta ocasión te mostraré como utilizar useContext() y lo aplicaremos en un pequeño ejemplo. Espero les sea de utilidad. 😁✌️

https://www.youtube.com/watch?v=DzsIFjfyjSc

Si te sirve a ti comparte, por que seguramente le servirá a alguien mas.

En este video te explico cómo usar el hook useContext() y lo aplicaremos en un pequeño ejemplo. Página: https://www.facebook.com/moguelodev Recuerda si te fu...

13/08/2020

Hola!, les dejo este concentrado de las diferentes maneras en la que podemos usar el hook useEffect, las que explique en mi último video, espero les sea de utilidad. 😁✌️

09/08/2020

Hola, continuamos con la serie de react hooks, en este video te explico las diferentes maneras de usar el hook useEffect(), lo aplicaremos en un pequeño ejemplo y al final te muestro la diferencia del mismo componente pero realizado con clases.

En este video te voy a mostrar el hook useEffect y las diferentes maneras de usarlo para reemplazar ciertos ciclos de vida del componente. Recuerda si te fue...

05/08/2020

Hace poco hice un video hablando sobre varios consejos al aprender un nuevo lenguaje de programación, framework o librerías como react.js.

Justo hoy me hicieron la corrección que no se le dice "librería", lo correcto seria llamarle "biblioteca".

¿Cuántos de ustedes le dicen librería a la biblioteca de react? 😅

Gracias por el dato Israel Dominguez.

Los programadores de C y C++ sabemos qué son. Sabemos como usarlos. Sabemos crearlos. Los compartimos, actualizamos y los mejoramos. Pero, por alguna oscura razón, no nos ponemos de acuerdo en cómo llamarlos.

01/08/2020

Hola!, 😁✌️ para los que vieron el video "React - Tema obscuro con styled-components" de mi canal de youtube, acabo de actualizar el repositorio, en especifico nuestro custom hook useThemeMode(), le agregue la feature para saber qué tema esta utilizando el sistema operativo si dark o light con ayuda de "prefers-colors-scheme", para así definirselo como default al ingresar, si el usuario presiona toggleTheme se mantiene el que esta en el localStorage.

Si ya clonaste el repositorio solo haz un pull de los cambios.

31/07/2020

Hola!, 😁✌️ Continuamos con la serie de react hooks, en esta ocasión estaremos probando el hook useState() y lo aplicaremos en un pequeño ejemplo y no, no es un contador, al final te muestro la diferencia del mismo componente pero realizado con classComponents, espero les sea de utilidad!

En este video te explico cómo funciona nuestro primer hook el useState() y lo aplicaremos en un pequeño ejemplo y no no es un contador. Página: https://www.f...

29/07/2020

Hola!, en este video te comparto varios consejos que a mi me han servido cuando decido empezar a aprender un nuevo lenguaje de programación, biblioteca o framework, espero les sea de utilidad.

En este video te comparto varios consejos que a mi me han servido cuando decido empezar a aprender un nuevo lenguaje de programación, librería o framework. P...

28/07/2020

Hola comunidad , en los grupos de react, preguntan mucho sobre si usar:

redux ó (useContext() + useReducer())

¿Me gustaría saber su opinion?

Te dejo la mia.

Yo opino que no es malo usar redux, lo realmente importante en esto es que hay que tener en cuenta y estar muy conscientes si en realidad necesitas usarlo, si los problemas que tienes ameritan usar un estado global o simplemente podría funcionar con el estado local del componente.

Usar los hooks useContext() + useReducer(), es una alternativa a redux, pero sí lo piensas un poco más, al final estamos usando "redux" ya que la metodología del useReducer es la misma que redux con las actions, dispatch, etc.

Solamente evitamos instalar una librería de más en nuestro proyecto y perdemos la interfaz de tracking de nuestro estado global la que nos ofrece redux-devtools.

Pero recuerden si usan una o la otra opción resuelven el mismo problema, lo importante es saber si realmente lo necesitas.

25/07/2020

Hola, les dejo un concentrado de las reglas de los hooks que vimos en mi último video de youtube. 😁✌️