ZainaliSyed

React-Native Command

Windows Commands

• rm node_modules/
• use ; for muti line commands
• rm $TMPDIR/react-* ; rm ios/build ; rm node_modules ; yarn cache clean ; npm cache verify

React Native

• react-native --help

ZainaliSyed

echo 256 | sudo tee -a /proc/sys/fs/inotify/max_user_instances
echo 32768 | sudo tee -a /proc/sys/fs/inotify/max_queued_events
echo 65536 | sudo tee -a /proc/sys/fs/inotify/max_user_watches
watchman shutdown-server

ZainaliSyed

Visual Studio Code settings for React Native

Extensions

• React Native Tools by Visual Studio Mobile Tools
• Auto Close Tag by Jun Han
• Auto Complete Tag by Jun Han
• Auto Rename Tag by Jun Han
• Babel ES6/ES7 by dzannotti
• Code Spellcheker by Street Side Software
• Color Highlight by Sergii Naumov

ZainaliSyed

React Native VSCode Settings

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.

This module will install visual studio code essential extensions and settings for react-native.

Install

ZainaliSyed

Formula for % Base calculation of width and height of a view in react native

import {Dimensions, PixelRatio} from 'react-native'; const widthPercentageToDP = widthPercent => { const screenWidth = Dimensions.get('window').width; // Convert string input to decimal number const elemWidth = parseFloat(widthPercent); return PixelRatio.roundToNearestPixel(screenWidth * elemWidth / 100); }; const heightPercentageToDP = heightPercent => { const screenHeight = Dimensions.get('window').height; // Convert string input to decimal number const elemHeight = parseFloat(heightPercent); return PixelRatio.roundToNearestPixel(screenHeight * elemHeight / 100); }; export { widthPercentageToDP, heightPercentageToDP };

ZainaliSyed

EsLint Rulels file (.eslintrc.json) will be create auto

paste rules .eslintrc.json by running ./node_modules/.bin/eslint --init

{ "extends": "airbnb",

"rules": { "react/prefer-stateless-function": 0, "import/no-unresolved": 0, "import/no-extraneous-dependencies": 0, "import/no-named-as-default": 0,

ZainaliSyed

Ios Certificate

General Tab

• Remove tick from Automatic
• Provissing Profile (Debug) Iphone Development
• Provissing Profile (Release) Iphone Cubix Distribution

Build Setting Tab

Select none first

ZainaliSyed

GIT Commands

Clone

• git clone [URL]

Commit

Pull

ZainaliSyed

pragma solidity ^0.4.21;
contract MyContract {
  event Log(address addr);
   constructor() public {
    emit Log(this);
  }
  function add(uint256 a, uint256 b) public pure returns (uint256) {
    return a + b;
  }
}