David Peng

@davipon

Engineering Lead @dipp

Taipei, TaiwanJoined March 2021

About

Love Web Technologies, Product Management, and Data Visualization. Building products that enable people to be more creative & productive.

Available for

Nothing here yet.

David Peng's blogs

David Pengdavipon.hashnode.dev11 posts

Articles Comments7

Recently published

DPDavid Pengdavipon.hashnode.devDec 19, 2022 · 7 min read

Dev Retro 2022: Inside Wants Out

Years ago, a friend sent me a youtube video and said, "You need to check this out." My mind was blown away in the next five minutes. https://youtu.be/_DfQC5qHhbo I had zero idea what was happening as a guitar beginner. It was the first time I heard...

0

DPDavid Pengdavipon.hashnode.devSep 19, 2022 · 14 min read

Svelte Component Test Recipes

In this blog post, we'll use vitest, @testing-library/svelte, and svelte-htm to test Svelte components that seemed to be hard to test. Such as two-way bindings, name slots, Context API, ...etc. As a Svelte advocate, the fantastic DX is one of the rea...

2

EB

DPDavid Pengdavipon.hashnode.devJul 27, 2022 · 7 min read

Test Svelte Component Using Vitest & Playwright

Hi 👋, I'm David Peng. It's been a while since my last blog post. In the last two months, I added 100+ unit/ component/ e2e tests in my Svelte project (yeah, I didn't do TDD because I wasn't familiar with testing enough 😅). I experimented with diffe...

0

DPDavid Pengdavipon.hashnode.devJun 3, 2022 · 4 min read

Build a Svelte Component To Draw SVG On Hover

In this post, I'll share my journey of building a reusable Svelte component to draw SVG on hover. Begin by trying to reduce boilerplate in my work project and publishing my first npm package. It's great if you've already known below things: Svelte T...

0

DPDavid Pengdavipon.hashnode.devMay 20, 2022 · 10 min read

Better Backend DX: JSON Schema + TypeScript + Swagger = ✨ Vol. 2

👋 Hi! I'm David Peng. You can find me on Twitter: @davipon. This post is Vol. 2 of the Better Backend DX: JSON Schema + TypeScript + Swagger = ✨, and I'll cover following topics by building a simple Fastify CRUD Posts API: Improve code readability ...

1

C

David Peng

About

Available for

David Peng's blogs

Recently published

Dev Retro 2022: Inside Wants Out

Svelte Component Test Recipes

Test Svelte Component Using Vitest & Playwright

Build a Svelte Component To Draw SVG On Hover

Better Backend DX: JSON Schema + TypeScript + Swagger = ✨ Vol. 2

Search Hashnode

David Peng

About

Available for

David Peng's blogs

Recently published

Dev Retro 2022: Inside Wants Out

Svelte Component Test Recipes

Test Svelte Component Using Vitest & Playwright

Build a Svelte Component To Draw SVG On Hover

Better Backend DX: JSON Schema + TypeScript + Swagger = ✨ Vol. 2