Skip to content

Instantly share code, notes, and snippets.

@DZuz14
DZuz14 / index.js
Last active December 5, 2021 15:43
Invoice 1
/** @jsx jsx */
import { useState } from 'react'
import { css, jsx } from '@emotion/react'
import { Container, Row, Col, Form } from 'react-bootstrap'
const customers = ['Jack', 'Sally', 'Jane', 'Mark']
const Invoice = () => {
const [customer, setCustomer] = useState('')
const [title, setTitle] = useState('')
@DZuz14
DZuz14 / Slider.js
Last active October 4, 2021 19:13
Slider With React Hooks 7
/** @jsx jsx */
import React, { useState, useEffect, useRef } from 'react'
import { css, jsx } from '@emotion/core'
import SliderContent from './SliderContent'
import Slide from './Slide'
/**
* @function Slider
*/
const Slider = props => {
@DZuz14
DZuz14 / index.js
Created September 27, 2021 15:38
Corona 5
const puppeteer = require("puppeteer");
const createCsvWriter = require("csv-writer").createArrayCsvWriter;
const csvWriter = createCsvWriter({
header: [
"Country",
"Total Cases",
"New Cases",
"Total Deaths",
"New Deaths",
@DZuz14
DZuz14 / index.js
Created September 27, 2021 15:34
Corona 4
const worldData = await page.evaluate(() => {
const tbody = document.querySelector(
"table#main_table_countries_today tbody"
);
const trs = Array.from(
tbody.querySelectorAll("tr:not(.total_row_world)")
);
const worldData = [];
@DZuz14
DZuz14 / index.js
Created September 27, 2021 15:30
Corona 3
await page.goto("https://www.worldometers.info/coronavirus/");
await page.waitForSelector("table#main_table_countries_today");
await page.evaluate(() => {
const tbody = document.querySelector(
"table#main_table_countries_today tbody"
);
const trs = Array.from(
tbody.querySelectorAll("tr:not(.total_row_world)")
@DZuz14
DZuz14 / index.js
Created September 27, 2021 15:25
Corona 2
await page.goto("https://www.worldometers.info/coronavirus/");
await page.waitForSelector("table#main_table_countries_today");
@DZuz14
DZuz14 / index.js
Last active September 27, 2021 15:19
Corona 1
const puppeteer = require("puppeteer");
const createCsvWriter = require("csv-writer").createArrayCsvWriter;
const csvWriter = createCsvWriter({
header: [
"Country",
"Total Cases",
"New Cases",
"Total Deaths",
"New Deaths",
@DZuz14
DZuz14 / fruits.json
Created August 13, 2021 20:02
Fruits
[
{
"id":1,
"value":"banana"
},
{
"id":2,
"value":"apple"
},
{
{
"away": {
"stat_name": "wind speed",
"stat_value": 8,
"league_high": 13,
"team_rank": 15
},
"home": {
"stat_name": "wind speed",
"stat_value": 8,
@DZuz14
DZuz14 / app.js
Created July 21, 2021 12:51
Tornado Chart App Skeleton
import React, {
useEffect,
useState
} from "https://cdn.skypack.dev/react@17.0.1";
import ReactDOM from "https://cdn.skypack.dev/react-dom@17.0.1";
import axios from "https://cdn.skypack.dev/axios@0.21.1";
const App = () => {
const [stats, setStats] = useState([]);