This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import readline from 'node:readline' | |
async function ask(query) { | |
const rl = readline.createInterface({ input: process.stdin, output: process.stdout, tabSize: 4 }); | |
return new Promise((resolve) => rl.question(query, (answer) => { | |
rl.close(); | |
resolve(answer); | |
})); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useState, useEffect } from 'react' | |
// This function can be in a separate file | |
async function getData(setData) { | |
const url = 'API url here' | |
const response = await fetch(url) | |
const data = await response.json() | |
setData(data) | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// https://www.gutenberg.org/files/100/100-0.txt | |
// The Project Gutenberg eBook of The Complete Works of William Shakespeare, by William Shakespeare | |
// (But this file only has the first 12) | |
const verses = ` 1 | |
From fairest creatures we desire increase, | |
That thereby beauty’s rose might never die, | |
But as the riper should by time decease, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { atom } from 'recoil' | |
// The key can be any unique value | |
// Default is the initial value | |
const countState = atom({ | |
key: 'countState', | |
default: '' | |
}); | |
export { countState } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useState } from 'react' | |
import { CounterContext } from './CounterContext.js' | |
/* The ancestor is the component that owns this particular piece of data. The ancestor is the only component that knows how to modify it. Therefore, if the descendants should be able to modify the value, we must send the set function as well. | |
If the descendants only need to read the value, we replace the object "countPackage" with the value "count". | |
*/ | |
const Ancestor = () => { | |
// Initialize using default data | |
const [count, setCount] = useState(10) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useState } from 'react' | |
/* | |
"Lifting state up" is useful when several components need to share state. | |
In this example, both Parent and Child needs to display the value of | |
"clicks". Child needs to update the value as well. We are lifting the | |
state up, out of the child component, into its parent. | |
1. Move the shared state to the common component - the component that | |
contains all of the components that needs to share state. Here, Parent is |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"Ersätt den här texten med domain och clientId från appens inställningar i Auth0" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Pie, Bar, Line } from 'react-chartjs-2'; | |
import { data1, data2 } from './demoData' | |
const DemoChart = () => ( | |
<div className="demo-chart"> | |
<Bar data={data1} /> | |
<Bar data={data2} /> | |
</div> | |
) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Import packages, route middleware, and initialize app | |
import express, { Express, Request, Response } from 'express' | |
const app = express() | |
const port: number = 1337 | |
const pathToDist: string = 'dist' | |
// ---------------------------------------------------- | |
// Install any middleware before adding routes | |
// Important middleware: cors, static folders |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public void Print() | |
{ | |
Queue<Node<T>?> nodes = new Queue<Node<T>?>(); | |
Queue<Node<T>?> newNodes = new Queue<Node<T>?>(); | |
nodes.Enqueue(Root); | |
int depth = 0; | |
bool exitCondition = false; | |
while (nodes.Count > 0 && !exitCondition) | |
{ |