Hoppa till huvudinnehåll

Kolon och semikolon

· 4 min att läsa
Filip Tammergård
Programmerare på Frilans Finans

Två svenska skiljetecken som jag ständigt tvekar inför är kolon och semikolon. De ser lika ut, de står båda inne i en mening, och de ersätter båda ett ord – så det här är min referens för vilken av dem ska användas när. (Tankstrecket får ett eget inlägg.) Det är min egen sammanfattning av reglerna så som de beskrivs i Siv Strömquists Skiljeteckensboken.

Tankstreck

· 3 min att läsa
Filip Tammergård
Programmerare på Frilans Finans

Tankstrecket är ett skiljetecken jag har blandade känslor inför. Jag gillar när det används på ställen där det tillför något och ogillar när det används slarvigt eller med bindestreck där det borde vara tankstreck. (Släktingarna kolon och semikolon får ett eget inlägg.) Det är min egen sammanfattning av reglerna så som de beskrivs i Siv Strömquists Skiljeteckensboken.

Skillnaden mellan useState och useMemo

· En minut att läsa
Filip Tammergård
Programmerare på Frilans Finans

Titeln på det här inlägget kan verka löjlig. Självklart är useState och useMemo olika.

Men i ett avseende är de ganska lika.

Betrakta det här exemplet:

const [state] = useState(() => {
return calculateSomething(input)
})

const memo = useMemo(() => {
return calculateSomething(input)
}, [input])

Överskottsegenskaper i TypeScript

· 2 min att läsa
Filip Tammergård
Programmerare på Frilans Finans

Egenskaper som definieras på ett objekt och som inte uttrycks av objektets typ kallas överskottsegenskaper.

Här är ett exempel:

type Person = {
firstName: string
}

const person: Person = {
firstName: "Filip",
lastName: "Tammergård", // ⛔️ Object literal may only specify known properties, and 'lastName' does not exist in type 'Person'.
}

I det här fallet gör TypeScript det tydligt att lastName inte är definierad i Person-typen och därför inte är tillåten.

JavaScript-likhetstabell

· En minut att läsa
Filip Tammergård
Programmerare på Frilans Finans

Jag stötte nyligen på JavaScript equality table. Jag blir alltid imponerad av snygga sätt att visualisera sådana koncept. Och jag tänkte direkt att det skulle vara kul att bygga själv!

Välj mellan dubbelt likhetstecken och trippelt likhetstecken för att se hur det påverkar likhetstabellen.

Mouse-, touch- och pointer-events

· 5 min att läsa
Filip Tammergård
Programmerare på Frilans Finans

Jag stötte nyligen på en bugg som hade med de subtila skillnaderna mellan mouse-, touch- och pointer-events att göra. Buggen gjorde mig förvirrad – och nyfiken. Vad är egentligen skillnaden mellan dessa events?

Jag öppnade ett issue för buggen som du kan kika på om du också är nyfiken – men innan vi försöker förstå buggen behöver vi en grund med kunskap om olika typer av events.