ktpm489

Initializing React Native

Enter these commands in the terminal

1. npm install react-native
2. npm install react-native-cli
3. brew install watchman
4. Optional https://atom.io/packages/react-native-snippets

To initialize your react native project

• react-native init AppName

ktpm489

"scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start",
  "rc-start": "npm start -- --reset-cache",
  "clean": "rm -rf $TMPDIR/react-* && watchman watch-del-all && npm cache clean",
  "clean-start": "npm run clean && npm run rc-start",
  "fresh-install": "rm -rf $TMPDIR/react-* && watchman watch-del-all && rm -rf ios/build/ModuleCache/* && rm -rf node_modules/ && npm cache clean && npm install",
  "fresh-start" : "npm run fresh-install && npm run rc-start",
  "tron": "node_modules/.bin/reactotron"
}

ktpm489

module.exports = {
  getTransformModulePath() {
    return require.resolve('react-native-typescript-transformer');
  },
  getSourceExts() {
    return ['ts', 'tsx'];
  }
}

ktpm489

npm link in react native

react-native v0.48.4 is tested working

• on other-project, run npm link
• on main-project, run npm link other-project
• add file rn-cli-config.js to main-project

var path = require('path');
var blacklist = require('metro-bundler/src/blacklist');

ktpm489

Usage

See https://developer.android.com/studio/command-line/sdkmanager.html

Issues

https://stackoverflow.com/questions/42460205/truncated-android-sdk-package-paths-from-sdkmanager-cli

Fix with:

ktpm489

Fonts and other vector assets

As an ember developer accustomed to the "batteries-included" mentality of sensible defaults and convention over configuration, getting into the groove of react-native can be a little tricky - especially for seemingly should-be-simple things such as including fonts in our app.

rnpm link

In ember-cli land, installing font-awesome (or any font) was done with a simple cli command: ember install ember-cli-font-awesome. In react native, similar packages exist, but the installation instructions require a little more research on my part. Here's how it's done:

• install the https://github.com/oblador/react-native-vector-icons npm package via npm install --save react-native-vector-icons
• manually drag-and-drop the fonts I want from the node_modules like so:

mkdir -p assets/fonts

ktpm489

{
  "extends": [
    "plugin:flowtype/recommended",
    "plugin:react/recommended",
    "plugin:import/errors",
    "plugin:import/warnings",
    "prettier",
    "prettier/flowtype",
    "prettier/react"
  ],

ktpm489

 "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start --reset-cache",
    "reset": "rm -rf node_modules/ && npm cache clear && watchman watch-del-all && npm i",
    "testflight": "fastlane beta",
    "android-device": "adb reverse tcp:8081 tcp:8081 && react-native run-android",
    "lint": "jslint **.js",
    "test": "jest",
    "generate-apk": "cd android && ./gradlew assembleRelease && open ./app/build/outputs/apk/",
    "install-apk": "cd android && ./gradlew installRelease"
  },

ktpm489

Node.js

• https://github.com/sahat/hackathon-starter
• http://mircozeiss.com/node-js-require-s-best-practices
• https://github.com/substack/stream-handbook

io.js

• http://anandmanisankar.com/posts/nodejs-iojs-why-the-fork/

ktpm489

'use strict';

const crypto = require('crypto');

const ENCRYPTION_KEY = process.env.ENCRYPTION_KEY; // Must be 256 bytes (32 characters)
const IV_LENGTH = 16; // For AES, this is always 16

function encrypt(text) {
  let iv = crypto.randomBytes(IV_LENGTH);
  let cipher = crypto.createCipheriv('aes-256-cbc', new Buffer(ENCRYPTION_KEY), iv);