Setup Community Lint Config and CI

.eslintignore

@@ -1 +1,3 @@
 libdefs.js
+node_modules
+build

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: '@react-native-community',
+};

.github/workflows/test.yml

@@ -0,0 +1,24 @@
+name: CI
+on: push
+
+jobs:
+  typecheck:
+    runs-on: ubuntu-18.04
+    strategy:
+      matrix:
+        node-version: [10.18.1]
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Get yarn cache
+        id: yarn-cache
+        run: echo "::set-output name=dir::$(yarn cache dir)"
+      - uses: actions/cache@v1
+        with:
+          path: ${{ steps.yarn-cache.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+      - run: yarn
+      - run: yarn lint
+      - run: yarn build

.gitignore

@@ -4,3 +4,5 @@ node_modules
 **/.DS_Store
 .idea
 build
+.eslintcache
+yarn-error.log

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: "all",
+};

build.sh

@@ -1,2 +1,3 @@
+mkdir -p build
 babel index.js > build/index.js
 babel styles.js > build/styles.js

examples/Basic/Basic.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, {Component} from 'react';
 import {
   StyleSheet,
   Text,
@@ -60,10 +60,10 @@ export default class Basic extends Component {
   }
 
   updateMenuState(isOpen) {
-    this.setState({ isOpen });
+    this.setState({isOpen});
   }
 
-  onMenuItemSelected = item =>
+  onMenuItemSelected = (item) =>
     this.setState({
       isOpen: false,
       selectedItem: item,
@@ -77,12 +77,9 @@ export default class Basic extends Component {
         <SideMenu
           menu={menu}
           isOpen={this.state.isOpen}
-          onChange={isOpen => this.updateMenuState(isOpen)}
-        >
+          onChange={(isOpen) => this.updateMenuState(isOpen)}>
           <View style={styles.container}>
-            <Text style={styles.welcome}>
-              Welcome to React Native!
-            </Text>
+            <Text style={styles.welcome}>Welcome to React Native!</Text>
             <Text style={styles.instructions}>
               To get started, edit index.ios.js
             </Text>
@@ -94,14 +91,8 @@ export default class Basic extends Component {
               Current selected menu item is: {this.state.selectedItem}
             </Text>
           </View>
-          <TouchableOpacity
-            onPress={this.toggle}
-            style={styles.button}
-          >
-            <Image
-              source={image}
-              style={{ width: 32, height: 32 }}
-            />
+          <TouchableOpacity onPress={this.toggle} style={styles.button}>
+            <Image source={image} style={{width: 32, height: 32}} />
           </TouchableOpacity>
         </SideMenu>
       </SafeAreaView>

examples/Basic/Menu.js

@@ -42,28 +42,19 @@ const styles = StyleSheet.create({
   },
 });
 
-export default function Menu({ onItemSelected }) {
+export default function Menu({onItemSelected}) {
   return (
     <ScrollView scrollsToTop={false} style={styles.menu}>
       <View style={styles.avatarContainer}>
-        <Image
-          style={styles.avatar}
-          source={{ uri }}
-        />
+        <Image style={styles.avatar} source={{uri}} />
         <Text style={styles.name}>Your name</Text>
       </View>
 
-      <Text
-        onPress={() => onItemSelected('About')}
-        style={styles.item}
-      >
+      <Text onPress={() => onItemSelected('About')} style={styles.item}>
         About
       </Text>
 
-      <Text
-        onPress={() => onItemSelected('Contacts')}
-        style={styles.item}
-      >
+      <Text onPress={() => onItemSelected('Contacts')} style={styles.item}>
         Contacts
       </Text>
     </ScrollView>

examples/Basic/__tests__/index.android.js

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

examples/Basic/__tests__/index.ios.js

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

examples/Basic/index.android.js

@@ -1,4 +1,4 @@
-import { AppRegistry } from 'react-native';
+import {AppRegistry} from 'react-native';
 
 import Basic from './Basic';
 

examples/Basic/index.ios.js

@@ -1,4 +1,4 @@
-import { AppRegistry } from 'react-native';
+import {AppRegistry} from 'react-native';
 
 import Basic from './Basic';