Hung Nguyen nthung2112

## zustand-internals.jsx
import { useSyncExternalStore } from "react";
// For more on the useSyncExternalStore hook, see https://react.dev/reference/react/useSyncExternalStore

// The code is almost identical to the source code of zustand, without types and some features stripped out.
// Check the links to see the references in the source code.
// The links are referencing the v5 of the library. If you plan on reading the source code yourself v5 is the best way to start.
// The current v4 version contains lot of deprecated code and extra stuff that makes it hard to reason about if you're new to this.

// https://github.com/pmndrs/zustand/blob/fe47d3e6c6671dbfb9856fda52cb5a3a855d97a6/src/vanilla.ts#L57-L94
function createStore(createState) {

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Service-worker demo</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <script>
    if ( "serviceWorker" in navigator ) {

## axios.js
import axios from 'axios'

const MAX_REQUESTS_COUNT = 5
const INTERVAL_MS = 10
let PENDING_REQUESTS = 0

// create new axios instance
const api = axios.create({})

/**

## semaphore.js
function Semaphore(max) {
  var counter = 0;
  var waiting = [];

  var take = function() {
    if (waiting.length > 0 && counter < max){
      counter++;
      let promise = waiting.shift();
      promise.resolve();
    }

## reclaimWindows10.ps1
##########
# Tweaked Win10 Initial Setup Script
# Primary Author: Disassembler <disassembler@dasm.cz>
# Modified by: alirobe <alirobe@alirobe.com> based on my personal preferences.
# Version: 2.20.2, 2018-09-14
# Primary Author Source: https://github.com/Disassembler0/Win10-Initial-Setup-Script
# Tweaked Source: https://gist.github.com/alirobe/7f3b34ad89a159e6daa1/
# Tweak difference:
#
#    @alirobe's version is a subset focused on safely disabling telemetry, some 'smart' features and 3rd party bloat ...

## css-layout-hack.js
// create a bookmark and use this code as the URL, you can now toggle the css on/off
// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
javascript: (function() {
	var elements = document.body.getElementsByTagName('*');
	var items = [];
	for (var i = 0; i < elements.length; i++) {
		if (elements[i].innerHTML.indexOf('* { background:#000!important;color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }') != -1) {
			items.push(elements[i]);
		}
	}

## media-query.css

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  //CSS


## App.js
import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Link, Match, Redirect, Switch } from 'react-router-dom'

import OverviewPage from './page/OverviewPage'
import AccountPage from './page/AccountPage'

/*
  Layouts, inline define here for demo purpose
  you may want to define in another file instead
 */

## asyncloops.js
// ES6 w/ Promises
// Note: From a React starter template - see https://t.co/wkStq8y3I5
function fetchData(routes, params) {
  let data = {};

  return Promise.all(routes
    .filter(route => route.handler.fetchData)
    .map(route => {
      return route.handler.fetchData(params).then(resp => {
        data[route.name] = resp;

## destructuring.js
// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => [1, 2, 3];
	import { useSyncExternalStore } from "react";
	// For more on the useSyncExternalStore hook, see https://react.dev/reference/react/useSyncExternalStore

	// The code is almost identical to the source code of zustand, without types and some features stripped out.
	// Check the links to see the references in the source code.
	// The links are referencing the v5 of the library. If you plan on reading the source code yourself v5 is the best way to start.
	// The current v4 version contains lot of deprecated code and extra stuff that makes it hard to reason about if you're new to this.

	// https://github.com/pmndrs/zustand/blob/fe47d3e6c6671dbfb9856fda52cb5a3a855d97a6/src/vanilla.ts#L57-L94
	function createStore(createState) {
	<!DOCTYPE html>
	<html>
	<head>
	<title>Service-worker demo</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">


	<script>
	if ( "serviceWorker" in navigator ) {
	import axios from 'axios'

	const MAX_REQUESTS_COUNT = 5
	const INTERVAL_MS = 10
	let PENDING_REQUESTS = 0

	// create new axios instance
	const api = axios.create({})

	/**
	function Semaphore(max) {
	var counter = 0;
	var waiting = [];

	var take = function() {
	if (waiting.length > 0 && counter < max){
	counter++;
	let promise = waiting.shift();
	promise.resolve();
	}
	##########
	# Tweaked Win10 Initial Setup Script
	# Primary Author: Disassembler <disassembler@dasm.cz>
	# Modified by: alirobe <alirobe@alirobe.com> based on my personal preferences.
	# Version: 2.20.2, 2018-09-14
	# Primary Author Source: https://github.com/Disassembler0/Win10-Initial-Setup-Script
	# Tweaked Source: https://gist.github.com/alirobe/7f3b34ad89a159e6daa1/
	# Tweak difference:
	#
	# @alirobe's version is a subset focused on safely disabling telemetry, some 'smart' features and 3rd party bloat ...
	// create a bookmark and use this code as the URL, you can now toggle the css on/off
	// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
	javascript: (function() {
	var elements = document.body.getElementsByTagName('*');
	var items = [];
	for (var i = 0; i < elements.length; i++) {
	if (elements[i].innerHTML.indexOf('* { background:#000!important;color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }') != -1) {
	items.push(elements[i]);
	}
	}

	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS
	import React, { Component } from 'react'
	import { BrowserRouter as Router, Route, Link, Match, Redirect, Switch } from 'react-router-dom'

	import OverviewPage from './page/OverviewPage'
	import AccountPage from './page/AccountPage'

	/*
	Layouts, inline define here for demo purpose
	you may want to define in another file instead
	*/
	// ES6 w/ Promises
	// Note: From a React starter template - see https://t.co/wkStq8y3I5
	function fetchData(routes, params) {
	let data = {};

	return Promise.all(routes
	.filter(route => route.handler.fetchData)
	.map(route => {
	return route.handler.fetchData(params).then(resp => {
	data[route.name] = resp;
	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];