feat(rule): prefer named exports over default exports

For detailed explanation see:
https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/

Author: 100terres

samples/all/Component.tsx

@@ -1,13 +1,15 @@
 import React from "react";
 
-import Image from "./Image";
+import { Image } from "./Image";
 
 export interface ComponentProps {
   className?: string;
   children?: React.ReactNode;
 }
 
-const Component: React.VoidFunctionComponent<ComponentProps> = (props) => {
+export const Component: React.VoidFunctionComponent<ComponentProps> = (
+  props
+) => {
   const { className, children } = props;
 
   return (
@@ -31,5 +33,3 @@ Component.defaultProps = {
   className: undefined,
   children: null,
 };
-
-export default Component;

samples/all/Image.jsx

@@ -2,11 +2,9 @@
 import PropTypes from "prop-types";
 import React from "react";
 
-const Image = ({ alt, ...rest }) => <img alt={alt} {...rest} />;
+export const Image = ({ alt, ...rest }) => <img alt={alt} {...rest} />;
 
 Image.propTypes = {
   alt: PropTypes.string.isRequired,
   src: PropTypes.string.isRequired,
 };
-
-export default Image;

samples/all/a.js

@@ -1,9 +1,7 @@
-const a = (b, c, d) => {
+export const a = (b, c, d) => {
   return b * c - d;
 };
 
 export function e() {
   return "f";
 }
-
-export default a;

samples/all/b.ts

@@ -1,6 +1,6 @@
-import a, { e } from "./a";
+import { a, e } from "./a";
 
-export default function b() {
+export function b() {
   a(1, 2, 3);
 
   e();

samples/js/a.js

@@ -1,9 +1,7 @@
-const a = (b, c, d) => {
+export const a = (b, c, d) => {
   return b * c - d;
 };
 
 export function e() {
   return "f";
 }
-
-export default a;

samples/js/b.js

@@ -1,6 +1,6 @@
-import a, { e } from "./a";
+import { a, e } from "./a";
 
-export default function b() {
+export function b() {
   a(1, 2, 3);
 
   e();

samples/jsx/Component.jsx

@@ -2,7 +2,7 @@
 import PropTypes from "prop-types";
 import React from "react";
 
-const Component = (props) => {
+export const Component = (props) => {
   const { className, children } = props;
 
   return (
@@ -31,5 +31,3 @@ Component.propTypes = {
   className: PropTypes.string,
   children: PropTypes.element,
 };
-
-export default Component;

samples/ts/a.ts

@@ -1,9 +1,7 @@
-const a = (b: number, c: number, d: number) => {
+export const a = (b: number, c: number, d: number) => {
   return b * c - d;
 };
 
 export function e() {
   return "f";
 }
-
-export default a;

samples/ts/b.ts

@@ -1,6 +1,6 @@
-import a, { e } from "./a";
+import { a, e } from "./a";
 
-export default function b() {
+export function b() {
   a(1, 2, 3);
 
   e();

samples/tsx/Component.tsx

@@ -5,7 +5,7 @@ export interface ComponentProps {
   className?: string;
 }
 
-const Component: React.FunctionComponent<ComponentProps> = (props) => {
+export const Component: React.FunctionComponent<ComponentProps> = (props) => {
   const { className, children } = props;
 
   return (
@@ -28,5 +28,3 @@ const Component: React.FunctionComponent<ComponentProps> = (props) => {
 Component.defaultProps = {
   className: undefined,
 };
-
-export default Component;

src/internal/final.js

@@ -17,6 +17,13 @@ module.exports = {
     "arrow-body-style": "off",
     "prefer-arrow-callback": "off",
 
+    // Prefer named exports over default exports
+    // https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/
+    // https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/prefer-default-export.md
+    // https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-default-export.md
+    "import/prefer-default-export": "off",
+    "import/no-default-export": "error",
+
     // https://github.com/benmosher/eslint-plugin-import/tree/master/docs/rules
     "import/extensions": [
       "error",