🇺🇸 EN
Frontend
·1 min read·↗·🇺🇸 EN

Refactoriza tu código renombrando imports

Portada principal del artículo: Refactoriza tu código renombrando imports

Estoy refactorizando código en Angular y necesito mantener los mismos nombres de archivo mientras termino la refactorización.

Mi solución fue renombrar mis imports. Es una forma muy práctica de usar un nombre diferente o un alias para mis clases y módulos.

Por ejemplo, puedes importar una sola clase usando la palabra clave:

import {Player as NbaPlayer} from './nba'

O importar el módulo completo usando *:

import * as NbaLeage from './nba'

Luego puedes usar tus alias en tu aplicación sin ningún problema.

Ejemplo:

import { Player, Team }       from './nba';
import { Player as NbaPlayer} from './nba';
import * as NbaLeage          from './nba';
 
let lebron = new Player('Lebron', 'SF');
let carmelo = new NbaLeage.Player('Carmelo', 'SF');
let curry = new NbaPlayer('curry', 'PG');
 
let players : Array<NbaPlayer> = [ carmelo, curry, lebron];
 
players.forEach(player => console.log(player.name));

¡Que tengas un buen día!

Foto https://unsplash.com/photos/yhNVwsKTSaI

Parte de la serie Frontend

Modern frontend development — Angular, React, TypeScript, accessibility, and performance.

Ver serie completa

Artículos Relacionados

Compartir este artículo

Si esta guía te resultó útil, compártela con tu equipo o con otros desarrolladores.


Software real. Lecciones reales.

Comparto las lecciones que aprendí por las malas, para que puedas evitarlas o estar preparado cuando ocurran.

User avatar
User avatar
User avatar
User avatar
+13K

Únete a 13,800+ desarrolladores y lectores.

Cero spam. Cancela tu suscripción en cualquier momento.