Saravanan Ramupillai saravanan10393

## git_workflow_to_build_and_publish_react_app_to_firebase.yml
# Name of the workflow
name: Deploy to firebase
# Trigger for workflow:-
# In this case, trigger this workflow when ever push happens on the master branch only when files
# present in web directory got changed
on:
  push:
    branches:
      - master
    paths:

## king_employees_admin.js
function Admin() {
  function prepareForCouncil() {
    let servantA = ServantA();
    let servantB = ServantB();
    let servantC = ServantC();

    //Now Admin has power to manage all the servants work with help of Promise.all
    let overAllStatusPromise = Promise.all([
      servantA.cleaningHall(),
      servantB.arrangeTables(),

## council_meeting_preparation.js
function ServantA() {
  //for simplicity hidden the implementation
  function cleaningHall() {
    return new Promise(cleaningHallPromiseHandler);
  }

  return {
    cleaningHall: cleaningHall
  };
}

## king_assign_two_work_to_servant.js
function Servant() {
  function cleanRoomPromiseHandler(resolve, reject) {
    //some complex logic goes here and
    let cleanedRoom = true;
    if(cleanedRoom) {
      resolve("I cleaned the room my King");
    }else {
      reject("Sorry my King, I failed to clean room since i slept down ;(");
    }
  }

## servant_promises_king.js
function Servant() {
  function prepareHorsePromiseHandler(resolve, reject) {
    //some complex logic goes here and
    let horsesAreReady = true;
    if(horsesAreReady) {
      //fulfilling promise
      resolve("Horses are ready my King :)");
    }else {
      //promise failed
      reject("Sorry my King, I failed to prepared the horses since horse kicked me so hard ;(");

## dataProvider(staleWhileRevalidate).js
/* ============= util methods ========= */
let cache = null;
function getCache(cacheName = "apiCache") {
  if (!cache) {
    window.caches.open(cacheName).then(cach => {
      cache = cach;
    });
  }
  return cache;
}

## hooks_form_validation.js
import React, {
  useEffect,
  useImperativeHandle,
  forwardRef,
  useRef
} from "react";

export const Validation = forwardRef(function Validation({ children }, ref) {
  const validatorRefs = useRef({});

## RemoveHiddenDOMFromView.js
import React from "react";
import PropTypes from "prop-types";

export class FreeUpDOMWhenHidden extends React.Component {
  static propTypes = {
    className: PropTypes.string, // aditionaly className that will used to style
    wrapper: PropTypes.node // React children
  };

  static defaultProps = {

## InfinitescrollNotifier.js
import React from "react";
import PropTypes from "prop-types";

export class RefreshAtEnd extends React.Component {
  static propTypes = {
    root: PropTypes.string.isRequired, // list container
    onVisible: PropTypes.func // callback to call when loading is visible
  };

  static defaultProps = {

## RequestIdleCallback demo
<!DOCTYPE html>
<html>
<head>
	<style>
    	body{
         text-align: center;
        }

        .counterSetter{
          box-shadow: 0px 2px 25px 0 rgba(17, 17, 24, 0.12);
	# Name of the workflow
	name: Deploy to firebase
	# Trigger for workflow:-
	# In this case, trigger this workflow when ever push happens on the master branch only when files
	# present in web directory got changed
	on:
	push:
	branches:
	- master
	paths:
	function Admin() {
	function prepareForCouncil() {
	let servantA = ServantA();
	let servantB = ServantB();
	let servantC = ServantC();

	//Now Admin has power to manage all the servants work with help of Promise.all
	let overAllStatusPromise = Promise.all([
	servantA.cleaningHall(),
	servantB.arrangeTables(),
	function ServantA() {
	//for simplicity hidden the implementation
	function cleaningHall() {
	return new Promise(cleaningHallPromiseHandler);
	}

	return {
	cleaningHall: cleaningHall
	};
	}
	function Servant() {
	function cleanRoomPromiseHandler(resolve, reject) {
	//some complex logic goes here and
	let cleanedRoom = true;
	if(cleanedRoom) {
	resolve("I cleaned the room my King");
	}else {
	reject("Sorry my King, I failed to clean room since i slept down ;(");
	}
	}
	function Servant() {
	function prepareHorsePromiseHandler(resolve, reject) {
	//some complex logic goes here and
	let horsesAreReady = true;
	if(horsesAreReady) {
	//fulfilling promise
	resolve("Horses are ready my King :)");
	}else {
	//promise failed
	reject("Sorry my King, I failed to prepared the horses since horse kicked me so hard ;(");
	/* ============= util methods ========= */
	let cache = null;
	function getCache(cacheName = "apiCache") {
	if (!cache) {
	window.caches.open(cacheName).then(cach => {
	cache = cach;
	});
	}
	return cache;
	}
	import React, {
	useEffect,
	useImperativeHandle,
	forwardRef,
	useRef
	} from "react";

	export const Validation = forwardRef(function Validation({ children }, ref) {
	const validatorRefs = useRef({});
	import React from "react";
	import PropTypes from "prop-types";

	export class FreeUpDOMWhenHidden extends React.Component {
	static propTypes = {
	className: PropTypes.string, // aditionaly className that will used to style
	wrapper: PropTypes.node // React children
	};

	static defaultProps = {
	import React from "react";
	import PropTypes from "prop-types";

	export class RefreshAtEnd extends React.Component {
	static propTypes = {
	root: PropTypes.string.isRequired, // list container
	onVisible: PropTypes.func // callback to call when loading is visible
	};

	static defaultProps = {
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	body{
	text-align: center;
	}

	.counterSetter{
	box-shadow: 0px 2px 25px 0 rgba(17, 17, 24, 0.12);