format

Author: swyx

CONTRIBUTORS.md

@@ -20,6 +20,7 @@
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

docs/advanced/misc-concerns.md

@@ -185,12 +185,11 @@ Any other tips? Please contribute on this topic! [We have an ongoing issue here
 
 </details>
 
-
 ## Compilation Speed
 
 Compiling large TS projects can get slow. Here are some tips:
 
 - use [TS 3.0 Project references](https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_version#typescript-30)
 - Webpack ([see CRA diff](https://gist.github.com/jaredpalmer/d3016701589f14df8a3572df91a5754b)):
   - set `output.pathinfo = false`
-  - set `optimization.splitChunks`,  `optimization.removeAvailableModules`, `optimization.removeEmptyChunks` to `false`
+  - set `optimization.splitChunks`, `optimization.removeAvailableModules`, `optimization.removeEmptyChunks` to `false`

docs/advanced/patterns_by_usecase.md

@@ -158,9 +158,9 @@ You might also see this with React Router:
 
 ```tsx
 const PrivateRoute = ({ component: Component, ...rest }: PrivateRouteProps) => {
-    const { isLoggedIn } = useAuth();
+  const { isLoggedIn } = useAuth();
 
-    return isLoggedIn ? <Component {...rest} /> : <Redirect to="/" />;
+  return isLoggedIn ? <Component {...rest} /> : <Redirect to="/" />;
 };
 ```
 

docs/advanced/utility-types.md

@@ -8,7 +8,7 @@ We will assume knowledge of utility types covered in the sister project [`typesc
 
 If you intend to maintain a large TS codebase/a nontrivial React+TS library, **we strongly recommend exploring these utilities** so that you don't reinvent the wheel and/or lose sanity trying to do so. Studying their code can also teach you a lot of advanced TS that is not covered here.
 
-I also recommend have a good working knowledge of how to construct the inbuilt utility types from scratch. See [Dr. Rasuchmeyer's guide](https://2ality.com/2020/06/computing-with-types.html) for a concise introduction. 
+I also recommend have a good working knowledge of how to construct the inbuilt utility types from scratch. See [Dr. Rasuchmeyer's guide](https://2ality.com/2020/06/computing-with-types.html) for a concise introduction.
 
 A level of comfort with **generic types** is therefore required. Here are some helpful resources:
 

docs/basic/getting-started/hooks.md

@@ -29,19 +29,18 @@ setUser(newUser);
 You can use [Discriminated Unions](https://www.typescriptlang.org/docs/handbook/advanced-types.html#discriminated-unions) for reducer actions. Don't forget to define the return type of reducer, otherwise TypeScript will infer it.
 
 ```tsx
-const initialState = {count: 0};
-
-type ACTIONTYPE = 
-  | { type: 'increment', payload: number} 
-  | { type: 'decrement', payload: string} 
+const initialState = { count: 0 };
 
+type ACTIONTYPE =
+  | { type: "increment"; payload: number }
+  | { type: "decrement"; payload: string };
 
 function reducer(state: typeof initialState, action: ACTIONTYPE) {
   switch (action.type) {
-    case 'increment':
-      return {count: state.count + action.payload};
-    case 'decrement':
-      return {count: state.count - Number(action.payload)};
+    case "increment":
+      return { count: state.count + action.payload };
+    case "decrement":
+      return { count: state.count - Number(action.payload) };
     default:
       throw new Error();
   }
@@ -52,8 +51,12 @@ function Counter() {
   return (
     <>
       Count: {state.count}
-      <button onClick={() => dispatch({type: 'decrement', payload: '5'})}>-</button>
-      <button onClick={() => dispatch({type: 'increment', payload: 5})}>+</button>
+      <button onClick={() => dispatch({ type: "decrement", payload: "5" })}>
+        -
+      </button>
+      <button onClick={() => dispatch({ type: "increment", payload: 5 })}>
+        +
+      </button>
     </>
   );
 }

docs/basic/troubleshooting/ts-config.md

@@ -38,7 +38,7 @@ You can find [all the Compiler options in the TypeScript docs](https://www.types
 }
 ```
 
-You can find more [recommended TS config here](https://github.com/tsconfig/bases). 
+You can find more [recommended TS config here](https://github.com/tsconfig/bases).
 
 Please open an issue and discuss if there are better recommended choices for React.
 

docs/migration/from-flow.md

@@ -11,6 +11,4 @@ title: From Flow
 - [Ecobee's brief experience](https://mobile.twitter.com/alanhietala/status/1104450494754377728)
 - [Migrating a 50K SLOC Flow + React Native app to TypeScript](https://blog.usejournal.com/migrating-a-flow-react-native-app-to-typescript-c74c7bceae7d)
 
-
-
 [entria]: https://medium.com/entria/incremental-migration-to-typescript-on-a-flowtype-codebase-515f6490d92d "Incremental Migration to TypeScript on a Flowtype codebase"