QuocCao-dev’s gists

QuocCao-dev / react-query-interview

Last active November 7, 2024 03:27

	1. React Query là gì và tại sao nên sử dụng nó?
	2. Các hooks cơ bản trong React Query?
	3. Query Keys là gì và cách sử dụng?
	4. Cách handle loading và error states?
	5. Cách implement infinite scrolling với React Query?
	6. Cách configure stale time và cache time?
	7. Cách prefetch data?
	8. Cách implement dependent queries?
	9. Cách handle retry logic?
	10. Cách implement polling với React Query?

QuocCao-dev / authen.js

Last active April 30, 2024 03:58

authentication

	import express from "express";
	import { PrismaClient } from "@prisma/client";
	import { hash, compare } from "bcrypt";
	import jwt from "jsonwebtoken";

	const prisma = new PrismaClient();

	const app = express();

	app.use(express.json());

QuocCao-dev / main.js

Created April 25, 2024 14:02

TodoProjectList

QuocCao-dev / gist:94cc513c818e6f34e24d4ab4212e51a8

Created March 31, 2024 09:54

	// Name, email, phone, location, age, picture
	// Events listener: click (generate user)

	const btnTag = document.querySelector("#generate");

	function fetchUser() {
	fetch("https://randomuser.me/api")
	.then((response) => response.json())
	.then((data) => {
	const randomUser = data.results[0];

QuocCao-dev / gist:358c3504954e65f31f169b768a75acbf

Created March 31, 2024 09:30

	let randomUser;

	fetch("https://randomuser.me/api")
	.then((response) => {
	return response.json();
	})
	.then((data) => {
	randomUser = data.results[0];

	console.log(randomUser);

QuocCao-dev / index.js

Last active March 26, 2024 14:21

shop list

	const itemForm = document.getElementById("item-form");
	const itemInput = document.getElementById("item-input");
	const itemList = document.getElementById("item-list");
	const clearBtn = document.getElementById("clear");
	const filterInput = document.getElementById("filter");
	const liInItems = document.querySelectorAll(".items > li");

	function createElement(tag, className, text) {
	const elm = document.createElement(tag);

QuocCao-dev / index.js

Last active October 13, 2023 17:53

	const express = require("express");

	// Create express instance
	const app = express();

	// accept json data
	app.use(express.json());

	// Http Method
	/**

QuocCao-dev / index.html

Created September 10, 2023 16:06

Grand Hotel

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Grand Hotel</title>
	<link rel="shortcut icon" type="image/png" href="img/crown.png" />
	<link
	rel="stylesheet"

QuocCao-dev / App.tsx

Last active September 9, 2023 14:48

Solution menu

	import { useState } from "react";
	import Categories from "./Categories";
	import Menus from "./Menus";

	const menu = [
	{
	id: 1,
	title: "buttermilk pancakes",
	category: "breakfast",
	price: 15.99,

QuocCao-dev / 1.Basic-Type.txt

Last active May 6, 2024 16:40

Typescript Exercises

	/* ----------* Challenge 1 ------------------
	Create a variable with the type number and assign it an arbitrary value
	*/
	// ----------------------------------------------------
	// --------------------------
	// ----------------------------------------------------

	/* ----------* Challenge 2 ------------------
	Create a variable with the type string and use the addition operator to put two arbitrary words together
	*/

QuocCao QuocCao-dev