Focusing

Gianmarco Ladvace

Focusing

Developer and design enthusiast

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / [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 / 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