daominhsangvn

package com.myapplication.extensions;

import android.util.Log;

import com.facebook.react.modules.network.OkHttpClientFactory;
import com.facebook.react.modules.network.OkHttpClientProvider;
import com.facebook.react.modules.network.ReactCookieJarContainer;

import java.security.SecureRandom;
import java.security.cert.CertificateException;

daominhsangvn

How to get and install a wildcard SSL certificate

In this guide you can find how to resolve the following issues.

• request a new certificate
• set up Nginx to enable your certificate
• check SSL configuration rating on your HTTPS site
• renew a certificate

Feel free to ask any questions in the comments section below.

daominhsangvn

Prerequiste:

CI/CD https://codemagic.io/

Useful articles and examples

• Widgets: https://flutter.io/docs/development/ui/widgets
• Project structure: https://hackernoon.com/scalable-app-structure-in-flutter-dad61a4bc389
• Flutter vs React Native:
  • https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514
  • https://blog.geekyants.com/we-rebuilt-a-react-native-app-with-flutter-4160f0499a82
• Learn Dart: https://www.dartlang.org/guides/language/language-tour

daominhsangvn

/* jshint node:true */
/* eslint-env node */

/*
 * This will look at the current version of all of your dependencies and update your package.json
 * with the specific version that you currently have in node_modules. This will save you from the
 * sadness that is: DEPENDENCY MANAGEMENT
 *
 * Place this file in a folder that's a a sibling to your package.json and node_modules
 * Then simply run: node scripts/package-strict

daominhsangvn

How to setup Let's Encrypt for Nginx on Ubuntu 16.04 (including IPv6, HTTP/2 and A+ SLL rating)

There are two main modes to run the Let's Encrypt client (called Certbot):

• Standalone: replaces the webserver to respond to ACME challenges
• Webroot: needs your webserver to serve challenges from a known folder.

Webroot is better because it doesn't need to replace Nginx (to bind to port 80).

In the following, we're setting up mydomain.com. HTML is served from /var/www/mydomain, and challenges are served from /var/www/letsencrypt.

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?

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

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

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. 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