TypeScript

Cómo Configurar un Stack Navigator Dentro de un Tab Navigator en React Navigation

por
Cómo Configurar un Stack Navigator Dentro de un Tab Navigator en React Navigation

Tiempo de lectura: 2 minutos En este tutorial aprenderás cómo configurar un Stack.Navigator dentro de un Tab.Navigator. Esto es útil cuando necesitas que ciertas pantallas estén agrupadas bajo una pestaña específica (por ejemplo, una pantalla de perfil con opciones adicionales). Aprenderás cómo configurar una navegación mixta utilizando un Stack.Navigator dentro de un Tab.Navigator y viceversa, simulando una estructura como la … Leer más

Crear un hook personalizado en React o React Native

por
Crear un hook personalizado en React o React Native

Tiempo de lectura: 3 minutos Un hook en React es una función especial que te permite «enganchar» características de React (como el estado y el ciclo de vida) en componentes funcionales. Los dos hooks más comunes son useState (para gestionar el estado) y useEffect (para manejar efectos secundarios), aunque puedes crear tus propios hooks personalizados para encapsular lógica reutilizable. Aquí … Leer más

Diferencia entre usar llaves { en un switch case en JavScript / TypeScript

por
Diferencia entre usar llaves { en un switch case en JavScript / TypeScript

Tiempo de lectura: < 1 minuto La diferencia principal entre usar llaves en un bloque case y no hacerlo radica en el ámbito de las variables. Sin llaves Cuando no usas llaves en un bloque case, cualquier declaración de variable con const o let se considera que está en el mismo ámbito que el switch y puede causar conflictos. Si declaras … Leer más

Documentación en React, usar TypeDoc para generar documentación usando comentarios JSDoc

por
Documentación en React, usar TypeDoc para generar documentación usando comentarios JSDoc

Tiempo de lectura: 2 minutos Para generar documentación automáticamente de tu librería de React usando TypeScript, puedes usar una herramienta como TypeDoc. TypeDoc genera documentación a partir de los comentarios JSDoc en tu código y los tipos de TypeScript. Pasos para Generar Documentación con TypeDoc Aquí –out docs indica que la documentación se generará en una carpeta llamada docs. Esto … Leer más

Documentación: Cómo implementar Storybook en React

por
Documentación: Cómo implementar Storybook en React

Tiempo de lectura: 3 minutos Usar Storybook para documentar y desarrollar tus componentes de React es una excelente manera de crear un entorno visual donde puedas ver y probar tus componentes de forma aislada. 1. Instalar Storybook Primero, asegúrate de estar en la raíz de tu proyecto y ejecuta el siguiente comando para instalar Storybook: Esto instalará Storybook y configurará … Leer más

Crear una librería para React partiendo desde un proyecto y con MicroBundle

por
Crear una librería para React partiendo desde un proyecto y con MicroBundle

Tiempo de lectura: 2 minutos Hoy vamos a crear una librería de React de una forma más sencilla y sin utilizar otras librerías. Solo usaremos el compilador MicroBundle. Lo primero que tenemos que hacer es crear un proyecto nuevo React, usaremos TypeScript: Ahora crearemos una nueva carpeta dentro de src llamada components y crearemos un componente de ejemplo llamado Button.tsx … Leer más

Crear una librería para React usando create-react-library

por
Crear una librería para React usando create-react-library

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos crear una librería con React. Primero vamos a instalar las dependencias necesarias, vamos a desarrollarla en TypeScript: Lo primero que tenemos que hacer es crear un nuevo poyecto para nuestra librería. Rellenamos todo lo que nos va indicando, en licencia puedes indicar la que quieras, aquí te indico algunas: … Leer más

Publicar una extensión de VS Code en Visual Studio Marketplace

por
Publicar una extensión de VS Code en Visual Studio Marketplace

Tiempo de lectura: 2 minutos Publicar una extensión de Visual Studio Code en el Marketplace implica varios pasos. Aquí tienes una guía paso a paso para ayudarte a hacerlo: 1. Prepara tu Proyecto Antes de publicar, asegúrate de que todo está funcionando correctamente y que has realizado las pruebas necesarias. Además, asegúrate de que tu package.json esté correctamente configurado, incluyendo … Leer más

Crear una extensión para VS Code con TypeScript

por
Crear una extensión para VS Code con TypeScript

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos generar una extensión para VS Code usando TypeScritp. Necesitarás Node.js y yo (Yeoman) para generar una extensión de VSCode. Instala el generador para extensiones de VSCode:npm install -g yo generator-code Crea el esqueleto de la extensión: Ahora elegimos unbundled Package manager, elegimos npm Y esperamos a que se cree. … Leer más

Ocultar comentarios o docstring o parte del código con VSCode

por
Ocultar comentarios o docstring o parte del código con VSCode

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos «collapsar» u ocultar docstring o comentarios con VSCode. Para ello vamos a utilizar la etiqueta region. Las etiquetas # region y # endregion son características de algunos entornos de desarrollo integrados (IDEs) como Visual Studio, Visual Studio Code y JetBrains, que permiten a los desarrolladores plegar o desplegar secciones … Leer más