ip-icon-button v0.0.4

InterPro React Native Template

Development

Installation

Prerequisites

1. Install Git
2. Install Install Node.js & NPM
3. Install React Native
4. Install IntelliJ IDEA

Repository Setup

From this template:

1. Go to the organization page and create a new repository.
2. Select this template (react-native-template) and name it.
3. Clone from the repository you just created and continue at From GitHub.
4. Remove this section from README.md.

From GitHub:

1. Start a new Git Bash session, or any Bash terminal session.
2. Clone this repository and install its dependencies:

git clone <repo URL> # Copy the URL from the 'Code' button
cd <project> # 'project' will be the repository's name, as a folder
npm install
npx husky install # Install Git hooks

This will also install the Git pre-commit & post-merge hooks. 3. Open the project folder in IntelliJ

TODO

• Prerequisites

  • Android Studio / Xcode

ESLint IntelliJ Config

1. In IntelliJ, go to Settings -> Languages & Frameworks -> Javascript -> Code Quality Tools -> ESLint.
2. Set to automatic configuration.
3. Check 'Run eslint --fix on save'.

Component Template Installation

1. Preferences -> Editor -> Live Templates
2. Add (+) Template Group called 'React Native'
3. Add (+) Live Template and copy from below:

import React, {FunctionComponent} from 'react';

import { Text, View, StyleSheet } from 'react-native';

interface $componentName$Props {

}

export const $componentName$ : FunctionComponent<$componentName$Props> = (props) => {
  return (
          <Text>
                  $END$
          </Text>
  );
};

const styles = StyleSheet.create({

});

4. Click on 'Define', then check 'Javascript & Typescript'.
5. Apply.

Roadmap

• TypeScript (Type-checking and Linting)
• Pre-Commit / Post-Merge Git Hooks
• Folder Structure
  • Src
    • Components
    • Screens
    • Models
    • Services
    • Shared
      • Components
      • Screens
      • Models
      • Services
    • Theme.ts
  • Assets
  • Test
• Custom Icon Font
• Platform-Specific Bridges