daominhsangvn

1. Add new App in Firebase Console, select iOS and follow exactly instruction. 1a. In the GoogleService-Info.plist step, after download the file, open xCode, in Project Navigator right click Supporting folder and select Add files to ... then select the downloaded file.
2. Following this to create App Id, APNs (.p8) and Provisioning Profile for iOS: https://firebase.google.com/docs/cloud-messaging/ios/certs 2a. Add APN file (.p8) to Firebase App
3. Edit Podfile, add following below pod 'Firebase/Core': pod 'Firebase/Messaging' then $ pod install again
4. Install react-native-fcm module then rnpm link react-native-fcm
5. Following this https://github.com/evollu/react-native-fcm#shared-steps and this https://github.com/evollu/react-native-fcm#xcode-post-installation-steps
6. Write Component to handle Push Notifications:

# main.js

daominhsangvn

Disclaimer: The instructions are the collective efforts from a few places online. 
Nothing here is my original. But I want to put them together in one place to save people from spending the same time as I did.

First off, bundle.
==================

1. cd to the project directory
2. Start the react-native packager if not started
3. Download the bundle to the asset folder:
curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

daominhsangvn

Install `$ meteor add meteorhacks:picker` first

```
import {Meteor} from 'meteor/meteor';
import {Accounts} from 'meteor/accounts-base';
import {FilesCollection} from 'meteor/ostrio:files';

export const MyFiles = new FilesCollection({
    collectionName: 'MyFiles',
    allowClientCode: true,

daominhsangvn

Airbnb React/JSX Style Guide

A mostly reasonable approach to React and JSX

Table of Contents

1. Basic Rules
2. Class vs React.createClass vs stateless
3. Mixins
4. Naming

daominhsangvn

How to deploy front-end (AngularJS, Angular, ReactJS...) and nodejs to AWS EC2 Linux

Preparation

• PEM file containing private key from AWS server.
• A domain to server
• GIT Bash (In Window, can't use command line tool or powershell).

Steps:

Step 1: Connect to server:

daominhsangvn

1. Init project:

$ react-native init <project_name>

2. Add main dependencies:

$ yarn add moment lodash react-native-elements react-native-fetch-blob https://github.com/newoceaninfosys/react-native-gifted-form react-native-i18n react-native-image-crop-picker react-native-keyboard-aware-scroll-view react-native-loading-spinner-overlay react-native-navbar react-native-splash-screen react-native-vector-icons react-navigation realm

daominhsangvn

1. Install redux $ yarn add react-redux
2. At project root folder, create folder store then create file configureStore.js in store folder:

import { createStore } from 'redux';
 
import reducers from '../reducers'
 
export default function configureStore(initialState) {
  const store = createStore(
    reducers,

daominhsangvn

1. $ npm login or $ npm adduser from your Terminal to login to NpmJS
2. Add file .npmignore then ignore files that will not neccessary for the publish version
3. $ npm pack to test the output
4. $ npm init --scope=nois config org for the package
5. $ npm publish --access public

daominhsangvn

Javascript

• https://benmccormick.org/2017/07/19/ten-things-javascript/
• https://github.com/denysdovhan/wtfjs
• https://github.com/mbeaudru/modern-js-cheatsheet
• https://codeburst.io/things-you-need-to-know-to-become-an-ace-javascript-developer-aa703397268d
• https://medium.com/javascript-scene/the-hidden-power-of-es6-generators-observable-async-flow-control-cfa4c7f31435
• https://medium.com/javascript-scene/7-surprising-things-i-learned-writing-a-fibonacci-generator-4886a5c87710
• https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36
• https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261
• https://medium.com/javascript-scene/a-functional-programmers-introduction-to-javascript-composing-software-d670d14ede30#0355

daominhsangvn

Javascript

1. How to create a copy of an array such that changes to the old array will not be reflected in the new array?

// affected by using splice, pop, unshift, push...
var newArray = oldArray.splice(0);

2. Function prototype?