prettier 自动化工具-格式化代码

Author: TrustDec

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

.vscode/launch.json

@@ -1,14 +1,14 @@
 {
-    // 使用 IntelliSense 了解相关属性。 
-    // 悬停以查看现有属性的描述。
-    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "启动程序",
-            "program": "${workspaceFolder}/start"
-        }
-    ]
-}
+  // 使用 IntelliSense 了解相关属性。
+  // 悬停以查看现有属性的描述。
+  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "启动程序",
+      "program": "${workspaceFolder}/start"
+    }
+  ]
+}

CONTRIBUTING.md

@@ -1,6 +1,7 @@
 # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+
 # yarn lockfile v1
 
-rm ./node_modules/react-native/local-cli/core/__fixtures__/files/package.json
+rm ./node_modules/react-native/local-cli/core/**fixtures**/files/package.json
 
 https://github.com/canyavall/reactcv/blob/f718721a606aca9376165d0712b31f7d066dce73/React%20Lesson%203/intro_redux_middleware.md 素材

README.md

@@ -1,26 +1,30 @@
 ### 功能集合
-- [x] 热更新 code-push
-- [x] carousel 
-- [x] redux 案例
-- [x] react-navigation 案例
-- [x] Android 硬更新
-- [x] iOS 硬更新
-- [ ] native 层
+
+* [x] 热更新 code-push
+* [x] carousel
+* [x] redux 案例
+* [x] react-navigation 案例
+* [x] Android 硬更新
+* [x] iOS 硬更新
+* [ ] native 层
 
 ### 项目架构
-- [x] react-native,
-- [x] react-navigation,
-- [x] redux,
-- [x] mobx,
-- [x] react-native-vector-icons
-- [x] react-native-splash-screen
-- [x] react-native-code-push
-...
+
+* [x] react-native,
+* [x] react-navigation,
+* [x] redux,
+* [x] mobx,
+* [x] react-native-vector-icons
+* [x] react-native-splash-screen
+* [x] react-native-code-push
+      ...
 
 ### 自动化工具
-- [x] prettier
+
+* [x] prettier
 
 #### 案例效果图
+
 <center class="half">
     <img src="./assets/new_login.jpg" width="300px"/>
     <img src="./assets/new_list.jpg" width="300px"/>
@@ -29,16 +33,17 @@
 
 <figure>
    <img src="./assets/new_info.jpg" width="300px"/>
-</figure> 
+</figure>
 
 ### 快捷地址：
+
 > [immutable doc][immutable]
 
 > [immutable blog][immutable-blog]
 
 > [react-navigation doc][react-navigation]
 
-> [React Native Express ][React-Native-Express]
+> [React Native Express ][react-native-express]
 
 > [react-navigation-redux-helpers doc][react-navigation-redux-helpers]
 
@@ -47,7 +52,8 @@
 <img src="./assets/tab-navigator.png"/>
 
 ### 介绍 Redux 中间件（Middleware）
-还记得Redux的GIF嘛
+
+还记得 Redux 的 GIF 嘛
 
 <img src="./assets/redux.gif" width="550px"/>
 
@@ -56,24 +62,23 @@
 <img src="./assets/change-redux.gif" width="550px"/>
 
 正如你所看到的，这里还有一个概念：Middleware
-#### 什么是Middleware
-从[文档][Middleware]中看到：
+
+#### 什么是 Middleware
+
+从[文档][middleware]中看到：
 
 ```
     It provides a third-party extension point between dispatching an action, and the moment it reaches the reducer
 ```
 
-简而言之，这是一个函数，在Action到达Reducer之前，将使用Action调用该函数。
-
-在这个功能中，你可以让Action继续前进，你可以阻止它继续前进，或者你可以改变它，并把它发送给下一个。
+简而言之，这是一个函数，在 Action 到达 Reducer 之前，将使用 Action 调用该函数。
 
+在这个功能中，你可以让 Action 继续前进，你可以阻止它继续前进，或者你可以改变它，并把它发送给下一个。
 
-[new-nav-redux]:http://blog.csdn.net/qq_33323251/article/details/79430398
+[new-nav-redux]: http://blog.csdn.net/qq_33323251/article/details/79430398
 [immutable-blog]: https://github.com/camsong/blog/issues/3
-[Middleware]: http://redux.js.org/docs/advanced/Middleware.html
+[middleware]: http://redux.js.org/docs/advanced/Middleware.html
 [immutable]: https://facebook.github.io/immutable-js/docs/#/
 [react-navigation]: https://reactnavigation.org/docs/getting-started.html
-[React-Native-Express]: http://www.reactnativeexpress.com/
-[react-navigation-redux-helpers]:https://github.com/react-navigation/react-navigation-redux-helpers
-
-
+[react-native-express]: http://www.reactnativeexpress.com/
+[react-navigation-redux-helpers]: https://github.com/react-navigation/react-navigation-redux-helpers

__tests__/App.js

@@ -6,7 +6,5 @@ import App from '../App';
 import renderer from 'react-test-renderer';
 
 it('renders correctly', () => {
-  const tree = renderer.create(
-    <App />
-  );
+  const tree = renderer.create(<App />);
 });

app.json

@@ -1,4 +1,4 @@
 {
   "name": "AwesomeProject",
   "displayName": "AwesomeProject"
-}
+}

index.js

@@ -1,2 +1,2 @@
 // import './App'
-import './src'
+import './src';

ios/AwesomeProject/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,80 +1,80 @@
 {
-  "images" : [
+  "images": [
     {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "NotificationIcon@2x.png",
-      "scale" : "2x"
+      "size": "20x20",
+      "idiom": "iphone",
+      "filename": "NotificationIcon@2x.png",
+      "scale": "2x"
     },
     {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "NotificationIcon@3x.png",
-      "scale" : "3x"
+      "size": "20x20",
+      "idiom": "iphone",
+      "filename": "NotificationIcon@3x.png",
+      "scale": "3x"
     },
     {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-Small.png",
-      "scale" : "1x"
+      "size": "29x29",
+      "idiom": "iphone",
+      "filename": "Icon-Small.png",
+      "scale": "1x"
     },
     {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-Small@2x.png",
-      "scale" : "2x"
+      "size": "29x29",
+      "idiom": "iphone",
+      "filename": "Icon-Small@2x.png",
+      "scale": "2x"
     },
     {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-Small@3x.png",
-      "scale" : "3x"
+      "size": "29x29",
+      "idiom": "iphone",
+      "filename": "Icon-Small@3x.png",
+      "scale": "3x"
     },
     {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "Icon-40@2x.png",
-      "scale" : "2x"
+      "size": "40x40",
+      "idiom": "iphone",
+      "filename": "Icon-40@2x.png",
+      "scale": "2x"
     },
     {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "Icon-40@3x.png",
-      "scale" : "3x"
+      "size": "40x40",
+      "idiom": "iphone",
+      "filename": "Icon-40@3x.png",
+      "scale": "3x"
     },
     {
-      "size" : "57x57",
-      "idiom" : "iphone",
-      "filename" : "Icon.png",
-      "scale" : "1x"
+      "size": "57x57",
+      "idiom": "iphone",
+      "filename": "Icon.png",
+      "scale": "1x"
     },
     {
-      "size" : "57x57",
-      "idiom" : "iphone",
-      "filename" : "Icon@2x.png",
-      "scale" : "2x"
+      "size": "57x57",
+      "idiom": "iphone",
+      "filename": "Icon@2x.png",
+      "scale": "2x"
     },
     {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "Icon-60@2x.png",
-      "scale" : "2x"
+      "size": "60x60",
+      "idiom": "iphone",
+      "filename": "Icon-60@2x.png",
+      "scale": "2x"
     },
     {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "Icon-60@3x.png",
-      "scale" : "3x"
+      "size": "60x60",
+      "idiom": "iphone",
+      "filename": "Icon-60@3x.png",
+      "scale": "3x"
     },
     {
-      "size" : "1024x1024",
-      "idiom" : "ios-marketing",
-      "filename" : "ios-marketing-1.png",
-      "scale" : "1x"
+      "size": "1024x1024",
+      "idiom": "ios-marketing",
+      "filename": "ios-marketing-1.png",
+      "scale": "1x"
     }
   ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
+  "info": {
+    "version": 1,
+    "author": "xcode"
   }
-}
+}

ios/AwesomeProject/Images.xcassets/Contents.json

@@ -1,6 +1,6 @@
 {
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
+  "info": {
+    "version": 1,
+    "author": "xcode"
   }
-}
+}