Skip to content

Instantly share code, notes, and snippets.

View Ladvace's full-sized avatar
:octocat:
Focusing

Gianmarco Ladvace

:octocat:
Focusing
49 followers · 48 following
View GitHub Profile
@Ladvace
Ladvace / ld+json.json
Created March 23, 2024 08:01
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"author": {
"@type": "Person",
@Ladvace
Ladvace / ld+json.json
Created March 23, 2024 08:00
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"author": {
"@type": "Person",
@Ladvace
Ladvace / symbols.js
Created May 31, 2022 10:13
Symbol('bar') === Symbol('bar') // false, each of them it's a unique id, the "bar" it's just a description and not an unique key
Symbol.for('foo'); // create a new global symbol
Symbol.for('foo'); // retrieve the already created symbol
Symbol.for('bar') === Symbol.for('bar') // true
@Ladvace
Ladvace / symbols2.js
Last active May 31, 2022 09:31
let obj = {}
const symbol1 = Symbol("a")
const symbol2 = Symbol("a")
const sharedSymbol = Symbol.for('b')
obj[symbol1] = 'a'
obj[sharedSymbol] = 'b'
obj['c'] = 'c'
@Ladvace
Ladvace / props.jsx
Last active March 19, 2022 16:05
import React, { useState } from 'react'
export const Component = (props) => {
return (
<div>
<p>{props.name}</p>
<p>{props.surname}</p>
<p>{props.age}</p>
<p>{props.location}</p>
@Ladvace
Ladvace / propsDestructuring.jsx
Created March 19, 2022 12:59
import React, { useState } from 'react'
export const Component = ({name, age}) => {
return (
<div>
<h2>{name}</h2>
<p>{age}</p>
</div>
)
@Ladvace
Ladvace / conditionalRenderingANDoperator.jsx
Created March 19, 2022 12:17
import React, { useState } from 'react'
export const Component = () => {
const [show, setShow] = useState(false)
const handleClick = () => {
setShow(prev => !prev)
}
return (
@Ladvace
Ladvace / conditionalRendering.jsx
Last active March 19, 2022 12:11
import React, { useState } from 'react'
export const Component = () => {
const [show, setShow] = useState(false)
const handleClick = () => {
setShow(prev => !prev)
}
return (
@Ladvace
Ladvace / [slug].svelte
Created October 31, 2021 11:21
<script context="module">
export async function load({ fetch, page }) {
let article;
try {
// here we are gonna fetch the single article by id
article = await fetch(`https://dev.to/api/articles/${page.params.slug}`);
article = await article.json();
} catch (e) {
@Ladvace
Ladvace / index.svelte
Created October 31, 2021 11:19
<script context="module">
// this script fetch the posts from the api
// https://svelte.dev/docs#script_context_module
// this is runned on load (check svelKit doc)
export async function load({ fetch }) {
let articles;
try {
// here you should type your dev.to username