Praba Prakash prabaprakash

## Flux_box.css
<!DOCTYPE html>
<html>
<head>
<style>
div.contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row;
  flex-basis: auto;

## Dynamic_Rendering_of_Frameworks.js
  handleJSLoad() {
    if (this.props.number === 10) {
      var aScript = document.createElement('script');
      aScript.type = 'text/javascript';
      aScript.src = 'public/angular.js';
      document.head.appendChild(aScript);
      aScript.onload = function () {
        console.log("I'm angular, I'm loaded")
      };
      return <angular-app>loading...</angular-app>;

## micro_front_communicate.js
// King send a message to Kong
let event = new CustomEvent("acknowledgeKong", { detail: { type: "add" } });
document.dispatchEvent(event);


// Kong receives the message
 document.addEventListener("acknowledgeKong",  (event) => { // (1)
      console.log(event);
      if(event.detail.type === "add")
        this.props.change( this.props.number + 10);

## Webpack_MicroFrontend.js
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
require('babel-polyfill');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const {
  CheckerPlugin
} = require('awesome-typescript-loader');
const FilterWarningsPlugin = require('webpack-filter-warnings-plugin');

## MultipartEntityBuilder
MultipartEntityBuilder entity = MultipartEntityBuilder.create();
        entity.addTextBody("Conversion_Source", "sd");

        entity.addBinaryBody("document", new File(
                "C:\\Users\\paranganat\\Desktop\\java-gradle-console-app-example-master\\src\\main\\java\\com\\example\\lambda\\dsd.txt"),
                ContentType.create("application/octet-stream"), "filename");
        HttpPost httpPost = new HttpPost("fdsfdsff");
        httpPost.setEntity(entity.build());
        @SuppressWarnings("deprecation")
        HttpClient httpClient = new DefaultHttpClient();

## Load_Framework_Dynamically
 handleJSLoad() {
    if (this.state.number === 110) {
      var aScript = document.createElement('script');
      aScript.type = 'text/javascript';
      aScript.src = 'public/kong.js';

      document.head.appendChild(aScript);
      aScript.onload = function () {
        console.log("fdfdfdf");
      };

## JS Event Handler
let event = new CustomEvent("onsumitsubmit", { detail: { number: 10 } });
document.dispatchEvent(event);


document.addEventListener("onsumitsubmit",  (event) => { // (1)
      console.log(event);
      // alert("Hello from summit"); // Hello from H1
      this.props.add( this.props.number + event.detail.number);

## gist:6ac2827d8c57cb98f39af7ac51a8ff10
docker run --privileged
apk update
apk add cifs-utils
mkdir sftp
mount.cifs "//1.79.36.229/Users/paranganat.CHEC.000/Downloads/ServiceBusExplorer-4.1.111" /sftp -o username=paranganat

## React-Quill
React Quill Url: https://codesandbox.io/s/48j9olzj94

## Browser, Fetch Post & Save it to File
fetch('/', {
        method: 'post',
        body: JSON.stringify(body),
        headers: {
            'Content-Type': 'application/json',
        },
    })
    .then((response) => {
        if (response.status === 200) {
            response.blob().then((myBlob) => {
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	div.contents {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row;
	flex-basis: auto;
	handleJSLoad() {
	if (this.props.number === 10) {
	var aScript = document.createElement('script');
	aScript.type = 'text/javascript';
	aScript.src = 'public/angular.js';
	document.head.appendChild(aScript);
	aScript.onload = function () {
	console.log("I'm angular, I'm loaded")
	};
	return <angular-app>loading...</angular-app>;
	// King send a message to Kong
	let event = new CustomEvent("acknowledgeKong", { detail: { type: "add" } });
	document.dispatchEvent(event);


	// Kong receives the message
	document.addEventListener("acknowledgeKong", (event) => { // (1)
	console.log(event);
	if(event.detail.type === "add")
	this.props.change( this.props.number + 10);
	const path = require('path');
	const webpack = require('webpack');
	const ExtractTextPlugin = require('extract-text-webpack-plugin');
	const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
	require('babel-polyfill');
	const VueLoaderPlugin = require('vue-loader/lib/plugin');
	const {
	CheckerPlugin
	} = require('awesome-typescript-loader');
	const FilterWarningsPlugin = require('webpack-filter-warnings-plugin');
	MultipartEntityBuilder entity = MultipartEntityBuilder.create();
	entity.addTextBody("Conversion_Source", "sd");

	entity.addBinaryBody("document", new File(
	"C:\\Users\\paranganat\\Desktop\\java-gradle-console-app-example-master\\src\\main\\java\\com\\example\\lambda\\dsd.txt"),
	ContentType.create("application/octet-stream"), "filename");
	HttpPost httpPost = new HttpPost("fdsfdsff");
	httpPost.setEntity(entity.build());
	@SuppressWarnings("deprecation")
	HttpClient httpClient = new DefaultHttpClient();
	handleJSLoad() {
	if (this.state.number === 110) {
	var aScript = document.createElement('script');
	aScript.type = 'text/javascript';
	aScript.src = 'public/kong.js';

	document.head.appendChild(aScript);
	aScript.onload = function () {
	console.log("fdfdfdf");
	};
	let event = new CustomEvent("onsumitsubmit", { detail: { number: 10 } });
	document.dispatchEvent(event);




	document.addEventListener("onsumitsubmit", (event) => { // (1)
	console.log(event);
	// alert("Hello from summit"); // Hello from H1
	this.props.add( this.props.number + event.detail.number);
	docker run --privileged
	apk update
	apk add cifs-utils
	mkdir sftp
	mount.cifs "//1.79.36.229/Users/paranganat.CHEC.000/Downloads/ServiceBusExplorer-4.1.111" /sftp -o username=paranganat
	fetch('/', {
	method: 'post',
	body: JSON.stringify(body),
	headers: {
	'Content-Type': 'application/json',
	},
	})
	.then((response) => {
	if (response.status === 200) {
	response.blob().then((myBlob) => {