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:

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

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.

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

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.

http://articulos.conclase.net/index.php?tema=opinion&art=lib&pag=000

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!

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

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.
https://www.youtube.com/watch?v=k75OoA6hnyk

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. 😁✌️

24/07/2020

Hola, este es el segundo video de la serie que estoy haciendo sobre los hooks de react, aquí te explico las reglas que tenemos que seguir antes de utilizarlos.

Espero les sea de utilidad.

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

En este video te explico cuales son las reglas antes de empezar a utilizar los hooks. Página: https://www.facebook.com/moguelodev Recuerda si te fue util est...

24/07/2020

Hola! Les quería compartir por aquí mi respuesta a una duda que me dejaron en mi video de youtube "Tip #01 - Valor por defecto al desestructurar una variable" , donde me hicieron una pregunta sobre si afecta o no el orden al momento de realizar la desestructuración, les dejo mi respuesta por si alguien mas tiene esta misma pregunta. 😁✌️

23/07/2020

😁✌️ Gracias por el apoyo!!! Ya somos 100 suscriptores! 🎊

22/07/2020

Hola 😁✌️, hice un video donde te voy mostrando que tan fácil es hacer un tema obscuro con react y styled-components,
en la descripción te dejo el live demo, espero les sea de utilidad.

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

En este video te explico como integrar un tema obscuro utilizando react y styled-components. Sígueme en facebook: https://www.facebook.com/moguelodev/ Recuer...

17/07/2020

Si aún no te queda claro que tan importante es utilizar los hooks
de react en nuestros proyectos, hice un pequeño video explicándotelo.

Este es el primer video de una serie que voy a subir
sobre los hooks, espero les sea de utilidad. 😁✌️
https://www.youtube.com/watch?v=YPfkcpakS0E

En este video te explico la importancia que tienen los hooks en nuestros proyectos de react y la razón del ¿Por qué existen? y ¿Qué ventajas tenemos al usarl...

16/07/2020

Hola, les dejo este articulo muy bueno si estas iniciando con styled-components, para agregar estilos a tus proyectos de react. 😁✌️

Próximamente sacaré un video donde lo estaremos utilizando en pequeño proyecto.

https://itnext.io/thinking-in-styled-components-e230ea37c52c

Component based architecture + CSS