Skip to content

Instantly share code, notes, and snippets.

View hadnazzar's full-sized avatar
:electron:
Force be with you.

Melih Yumak hadnazzar

:electron:
Force be with you.
View GitHub Profile
@hadnazzar
hadnazzar / react-todo-app-example.jsx
Last active December 30, 2022 15:14
React todo app example
import { useState } from "react";
import cx from "classnames";
const App = () => {
const [todoValue, setTodoValue] = useState("");
const [todos, setTodos] = useState([
{
id: 0,
value: "test todo element 1",
import fetch from 'node-fetch';
const fetchUserDetailsById = async (id) => {
const data = await fetch(`https://jsonplaceholder.typicode.com/users/${id}`)
return await data.json()
}
const userIdsToFetch = [1,2];
const fetchTodosById = async (id) => {
import fetch from 'node-fetch';
const fetchUserDetailsById = async (id) => {
const data = await fetch(`https://jsonplaceholder.typicode.com/users/${id}`);
return data.json();
};
const userIdsToFetch = [1, 2];
const fetchTodosById = async (id) => {
const promiseWithMilliseconds = (ms, index) => {
return new Promise((resolve,reject) => {
console.time(`Time:${index}`)
setTimeout(() => {
console.timeEnd(`Time:${index}`)
return resolve(`Resolved in ${ms}`)
}, ms);
})
.catch((error) => console.log(error))
}
const promiseWithMilliseconds = (ms, index) => {
return new Promise((resolve,reject) => {
console.time(`Time:${index}`)
setTimeout(() => {
console.timeEnd(`Time:${index}`)
return resolve(`Resolved in ${ms}`)
}, ms);
})
}
const promiseWithMilliseconds = (ms, index) => {
return new Promise((resolve,reject) => {
console.time(`Time:${index}`)
setTimeout(() => {
console.timeEnd(`Time:${index}`)
return resolve(`Resolved in ${ms}`)
}, ms);
})
}
const promiseWithMilliseconds = (ms, index) => {
return new Promise((resolve,reject) => {
console.time(`Time:${index}`)
setTimeout(() => {
console.timeEnd(`Time:${index}`)
return resolve(`Resolved in ${ms}`)
}, ms);
})
}
import {useRouter} from 'next/router'
import styles from './products.module.css'
import {ProductType} from "./index";
import {GetStaticPropsContext} from "next";
import Image from 'next/image';
type ProductDescriptionPagePropsType = {
product: ProductType;
}
import styles from './products.module.css';
import {Grid} from "@mui/material";
import Link from 'next/link'
import Image from 'next/image';
export type ProductType = {
id: number,
title: string,
description: string,
price: number,
import express, { Application , Request, Response} from 'express';
import nodemailer from "nodemailer";
import handlebars from "handlebars";
const transporter = nodemailer.createTransport({
host: 'smtp.ethereal.email',
port: 587,
secure: false,
requireTLS: true,