shafayeatsumit

import React from 'react';

import { createDrawerNavigator } from 'react-navigation-drawer';
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import { createBottomTabNavigator } from 'react-navigation-tabs';

import Example from './Example';

shafayeatsumit

import React, { Component } from 'react';
import {
  Animated,
  FlatList,
  I18nManager,
  Platform,
  View,
  ViewPropTypes,
} from 'react-native';
import PropTypes from 'prop-types';

shafayeatsumit

# Conceptual Aside
    # Syntax Parsers
    # Lexical Environments
    # Execution Contexts

## Syntax Parsers
           A PROGRAM THAT READS YOUR CODE AND DETERMINES WHAT IT DOES AND IF ITS GRAMMER IS VALID
## Lexical Environments
            WHERE SOMETHINGS SITS PHYSICALLY IN THE CODE YOU WRITE. Whrere it's written and what surrounds it.
   

shafayeatsumit

import React, { Component } from 'react';
import { StyleSheet, Animated, View, Dimensions, TouchableOpacity } from 'react-native';

const {
  width,
  height
} = Dimensions.get('window');

const SQUARE_DIMENSIONS = 80;

shafayeatsumit

  modals () {
    const { modalName } = this.props;
    if ( modalName === 'nameAndPic') {
      const title = "Name and Profile Pic"
      return (
        <View style={styles.mainContainer} > 
            {this.modalHeader(title)}
          <View style={styles.modalBoby} >
            <NameAndPicSettings {...this.props}/>
          </View>

shafayeatsumit

import React from 'react';
import PropTypes from 'prop-types';
import { Animated } from 'react-native';

import MapboxGL from '@mapbox/react-native-mapbox-gl';



const styles = MapboxGL.StyleSheet.create({
  innerCircle: {

shafayeatsumit

Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

---

General rules

1. Follow standard conventions.
2. Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
3. Boy scout rule. Leave the campground cleaner than you found it.
4. Always find root cause. Always look for the root cause of a problem.

Design rules

shafayeatsumit

install the react-native-in-app-utils

npm install react-native-in-app-utils

link manually

follow the instructions: link your libraries that contain native code

at the end of this step, your Xcode config should look like this:

shafayeatsumit

pick virtual env

cmd + shift + p

Type : Python: Select Interpreter

pick one from there

understanding path

When you run a command like python or pip, your operating system searches through a list of directories to find an executable file with that name. This list of directories lives in an environment variable called PATH, with each directory in the list separated by a colon: /usr/local/bin:/usr/bin:/bin

shafayeatsumit

Learn Me Node

A Node.js application involves following 3 steps :

• Import required modules − We use the require directive to load Node.js modules.
• Create server − A server which will listen to client’s requests similar to Apache HTTP Server.
• Read request and return response − The server created in an earlier step will read the HTTP request made by the client which can be a browser or a console and return the response.

http server

const http = require('http');