Dany Paredes
Dany Paredes | Javascript / Web

Dany Paredes | Javascript / Web

Refactor your code using renaming Imports

Refactor your code using renaming Imports

Dany Paredes's photo
Dany Paredes
·Apr 6, 2021·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

I'm refactoring an Angular code, and I need to have the same filenames while finishing the refactor.

My solution was to rename my imports. It is a great way to use a different name or alias for my classes and modules.

For example, you can import a single class using the keyword

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

Or import the full module using *

import * as NbaLeage from './nba'

Then you can use your aliases in your application without a problem.

Example:

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));

Have a nice day!

Picture unsplash.com/photos/yhNVwsKTSaI

 
Share this