[docs] Prefer export default

mui · Oct 16, 2019 · ccd5aee · ccd5aee
1 parent 83f5e19
commit ccd5aee
Show file tree

Hide file tree

Showing 13 changed files with 17 additions and 49 deletions.
diff --git a/docs/pages/_document.js b/docs/pages/_document.js
@@ -28,7 +28,7 @@ if (process.env.NODE_ENV === 'production') {
 
 const GOOGLE_ID = process.env.NODE_ENV === 'production' ? 'UA-106598593-2' : 'UA-106598593-3';
 
-class MyDocument extends Document {
+export default class MyDocument extends Document {
   render() {
     const { canonical, userLanguage } = this.props;
 
@@ -152,5 +152,3 @@ MyDocument.getInitialProps = async ctx => {
     ),
   };
 };
-
-export default MyDocument;
diff --git a/docs/pages/premium-themes/onepirate/forgot-password.js b/docs/pages/premium-themes/onepirate/forgot-password.js
@@ -2,12 +2,10 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import ForgotPassword from 'docs/src/pages/premium-themes/onepirate/ForgotPassword';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme title="Onepirate theme - Material-UI" description="A onepirate theme">
       <ForgotPassword />
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/pages/premium-themes/onepirate/index.js b/docs/pages/premium-themes/onepirate/index.js
@@ -2,12 +2,10 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Home from 'docs/src/pages/premium-themes/onepirate/Home';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme title="Onepirate theme - Material-UI" description="A onepirate theme">
       <Home />
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/pages/premium-themes/onepirate/privacy.js b/docs/pages/premium-themes/onepirate/privacy.js
@@ -2,12 +2,10 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Privacy from 'docs/src/pages/premium-themes/onepirate/Privacy';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme title="Onepirate theme - Material-UI" description="A onepirate theme">
       <Privacy />
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/pages/premium-themes/onepirate/sign-in.js b/docs/pages/premium-themes/onepirate/sign-in.js
@@ -2,12 +2,10 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import SignIn from 'docs/src/pages/premium-themes/onepirate/SignIn';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme title="Onepirate theme - Material-UI" description="A onepirate theme">
       <SignIn />
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/pages/premium-themes/onepirate/sign-up.js b/docs/pages/premium-themes/onepirate/sign-up.js
@@ -2,12 +2,10 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import SignUp from 'docs/src/pages/premium-themes/onepirate/SignUp';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme title="Onepirate theme - Material-UI" description="A onepirate theme">
       <SignUp />
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/pages/premium-themes/onepirate/terms.js b/docs/pages/premium-themes/onepirate/terms.js
@@ -2,12 +2,10 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Terms from 'docs/src/pages/premium-themes/onepirate/Terms';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme title="Onepirate theme - Material-UI" description="A onepirate theme">
       <Terms />
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/pages/premium-themes/paperbase/index.js b/docs/pages/premium-themes/paperbase/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Paperbase from 'docs/src/pages/premium-themes/paperbase/Paperbase';
 
-function Page() {
+export default function Page() {
   return (
     <AppTheme
       title="Paperbase theme - Material-UI"
@@ -13,5 +13,3 @@ function Page() {
     </AppTheme>
   );
 }
-
-export default Page;
diff --git a/docs/src/pages/components/css-baseline/css-baseline.md b/docs/src/pages/components/css-baseline/css-baseline.md
@@ -12,16 +12,14 @@ You might be familiar with [normalize.css](https://github.com/necolas/normalize.
 import React from 'react';
 import CssBaseline from '@material-ui/core/CssBaseline';
 
-function MyApp() {
+export default function MyApp() {
   return (
     <React.Fragment>
       <CssBaseline />
       {/* The rest of your application */}
     </React.Fragment>
   );
 }
-
-export default MyApp;
 ```
 
 ## Approach

diff --git a/docs/src/pages/guides/interoperability/StyledComponentsTheme.js b/docs/src/pages/guides/interoperability/StyledComponentsTheme.js
@@ -44,7 +44,7 @@ const StyledButton = styled.button`
   }
 `;
 
-function StyledComponentsTheme() {
+export default function StyledComponentsTheme() {
   return (
     <NoSsr>
       <ThemeProvider theme={defaultTheme}>
@@ -53,5 +53,3 @@ function StyledComponentsTheme() {
     </NoSsr>
   );
 }
-
-export default StyledComponentsTheme;
diff --git a/docs/src/pages/styles/advanced/advanced.md b/docs/src/pages/styles/advanced/advanced.md
@@ -196,15 +196,13 @@ const jss = create({
   plugins: [...jssPreset().plugins, rtl()],
 });
 
-function App() {
+export default function App() {
   return (
     <StylesProvider jss={jss}>
       ...
     </StylesProvider>
   );
 }
-
-export default App;
 ```
 
 ## String templates
@@ -313,11 +311,9 @@ const jss = create({
   insertionPoint: 'jss-insertion-point',
 });
 
-function App() {
+export default function App() {
   return <StylesProvider jss={jss}>...</StylesProvider>;
 }
-
-export default App;
 ```
 
 #### Other HTML elements
@@ -342,11 +338,9 @@ const jss = create({
   insertionPoint: document.getElementById('jss-insertion-point'),
 });
 
-function App() {
+export default function App() {
   return <StylesProvider jss={jss}>...</StylesProvider>;
 }
-
-export default App;
 ```
 
 #### JS createComment
@@ -367,11 +361,9 @@ const jss = create({
   insertionPoint: 'jss-insertion-point',
 });
 
-function App() {
+export default function App() {
   return <StylesProvider jss={jss}>...</StylesProvider>;
 }
-
-export default App;
 ```
 
 ## Server-side rendering
@@ -591,7 +583,7 @@ If you are using Server-Side Rendering (SSR), you should pass the nonce in the `
 />
 ```
 
-Then, you must pass this nonce to JSS so it can add it to subsequent `<style>` tags.  
+Then, you must pass this nonce to JSS so it can add it to subsequent `<style>` tags.
 
 The way that you do this is by passing a `<meta property="csp-nonce" content={nonce} />` tag in the `<head>` of your HTML.  JSS will then, by convention, look for a `<meta property="csp-nonce"` tag and use the `content` value as the nonce.
 

diff --git a/docs/src/pages/styles/api/api.md b/docs/src/pages/styles/api/api.md
@@ -59,12 +59,10 @@ const useStyles = makeStyles((theme: Theme) => createStyles({
   },
 }));
 
-function MyComponent {
+export default function MyComponent {
   const classes = useStyles();
   return <div className={classes.root} />;
 }
-
-export default MyComponent;
 ```
 
 ## `makeStyles(styles, [options]) => hook`

diff --git a/docs/src/pages/system/basics/basics.md b/docs/src/pages/system/basics/basics.md
@@ -73,15 +73,13 @@ const theme = {
   },
 };
 
-function App() {
+export default function App() {
   return (
     <ThemeProvider theme={theme}>
       {/* children */}
     </ThemeProvider>
   )
 }
-
-export default App
 ```
 
 Now, you can provide a spacing multiplier value: