What to choose between 'export' and 'default export' in React?

Question

I understood that we export components to be able to import into some other file and to do so we use 'Named exports'and 'default exports', But i am indeed not sure about following things,

1.Are there any specific contexts to choose between any of them?

2.'Are named exports' and 'default exports' interchangeable?

https://stackoverflow.com/questions/42478661/difference-between-export-and-export-default-in-javascript. This might be a possible explanation. — Aman Seth, Jul 12 '17 at 07:57
@Aman Seth-Thank you, This is solved my query. But could you suggest any a bit detailed documentation regarding this — , Jul 12 '17 at 08:02

Davorin Ruševljan · Accepted Answer · 2017-07-12T08:30:35.210

1

It is mostly question of style and consistency. Rough rule of thumb might be:

If you have just one item that you would like to export from module, use default export
If you have several equally important items that you would like to export from module, use named exports
If you have several items that you would like to export, but one of them stands out by far, than use default export for that item, and named for others.

One thing though, is to try to stick to your decisions, and do not try to endlessly move some items from default to named and vice versa, since code that uses your module might need updating as well.

edited Jul 12 '17 at 08:30

answered Jul 12 '17 at 08:24

Davorin Ruševljan

4,353
21
27

Thank you @Davorin Rusevljan – Jul 12 '17 at 09:09
So there's not any performance benefit with default? – Mitchell Oct 19 '22 at 02:22

What to choose between 'export' and 'default export' in React?

1 Answers1