markodayan

{
  "name": "chapter-19",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "node_modules/.bin/webpack --mode production",
    "serve": "webpack-dev-server --mode development"
  },
  "author": "",

markodayan

{
  "presets": ["@babel/preset-env"]
}

markodayan

https://corona.lmao.ninja/v2/countries [all]

axios.get(`https://corona.lmao.ninja/v2/countries/${countryName}`) [Query By Country]
eg -> https://corona.lmao.ninja/v2/countries/south%20africa

markodayan

npx create-react-app <app_name> --typescript

markodayan

Caps+fn+p (6 secs) = Capital Key RGB Independance
fn + K + C -> Disable brightness buttons to allow F5 and F6 Func

markodayan

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
    integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

markodayan

import { useEffect, useState } from 'react';

export const useFetch = url => {
	const [info, setInfo] = useState({ data: null, loading: true });

	useEffect(() => {
		setInfo({ data: null, loading: true });
		fetch(url)
			.then(x => x.text())
			.then(y => {

markodayan

import { useState } from 'react';

export const useForm = initialValues => {
 const values, setValues[ = useState(initialValues);
 
  return [
    values,
    e => {
      setValues({
         ...values,

markodayan

import { useState } from 'react';

export const useForm = initialValues => {
 const [values, setValues] = useState(initialValues);
 
  return [
    values,
    e => {
      setValues({
         ...values,

markodayan

www.easings.net [CSS Animation and Transition Timing Functions]
caniuse.com [CSS Feature compatibility with browsers]
mydevice.io [Device screen resolution pixel conversions]
shouldiprefix.com [Future proofing CSS]
sass-lang.com [sass documentation]