DawitA davvit

## UserFetchUsingHook
import React, {useEffect, useState} from 'react';
import axios from "axios";

import UserComponent from "./UserComponent";
const USER_SERVICE_URL = 'https://jsonplaceholder.typicode.com/users';

function UserFetchUsingHook() {

    //example of fetching data
    const [data, setData] = useState({users: [], isFetching: false});

## index.html
<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>Starter Template</title>

  <meta name="description" content="">

## PrmoseWithTimeout.ts
export function PromiseWithTimeout(ms, promise) {

    // Create a promise that rejects in x milliseconds
    let timeout = new Promise((resolve, reject) => {
        let id = setTimeout(() => {
            reject('timeout');
        }, ms)
    })

    // Returns a race between timeout and the passed in promise

## index.html
<!DOCTYPE html>
<style>
video {
  -webkit-transform: scaleX(2);
  -moz-transform: scaleX(2);
}
</style>
<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv"></video>
	import React, {useEffect, useState} from 'react';
	import axios from "axios";

	import UserComponent from "./UserComponent";
	const USER_SERVICE_URL = 'https://jsonplaceholder.typicode.com/users';

	function UserFetchUsingHook() {

	//example of fetching data
	const [data, setData] = useState({users: [], isFetching: false});
	<!DOCTYPE html>
	<html lang="en">
	<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<title>Starter Template</title>

	<meta name="description" content="">
	export function PromiseWithTimeout(ms, promise) {

	// Create a promise that rejects in x milliseconds
	let timeout = new Promise((resolve, reject) => {
	let id = setTimeout(() => {
	reject('timeout');
	}, ms)
	})

	// Returns a race between timeout and the passed in promise
	<!DOCTYPE html>
	<style>
	video {
	-webkit-transform: scaleX(2);
	-moz-transform: scaleX(2);
	}
	</style>
	<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv"></video>