fabervitale / swapi-view

A web app that displays Star Wars data. it uses Swapi

Hi 👋, thanks for stopping by,

I'm Fabrizio Vitale and I like building with and talking about

• Typescript
• Rust
• NodeJS
• React
• Redux

Side Projects

Tools, libraries

• useShallow - a custom hook part of zustand.
• rtk-query-monitor - Devtools for rtk-query, part of redux-devtools suite.
• wasm4 devtools - Devtools for wasm4, the fantasy console powered by Webassembly. Built with Lit components.
• fastify-service-template - Template for a Fastify + typescript api service.
• storage-helpers - Utility functions to manage localStorage and sessionStorage.
• deno-ndjson - Read, write, parse and serialize ndjson in Deno.
• deno_minimist rewrite in typescript and Deno port of minimist.
• less-plugin-util - Less plugin that adds several utility functions.

Apps

• romajs.org - source. Built with Astro and SolidJS.
• barcode-generator - A barcode generator. Built with SolidJS and typescript.
• about-my-device - Displays useful information about the device. Built with Svelte and typescript.
• clip-path-svelte - clip-path (crop) transitions powered by Svelte.
• notes - Notes dump and progressive web blog. Built with Gatsby and flow.
• wikiq - A web app to search wikipedia articles. Built with react, redux and flow.
• swapi-view - A web app to look up star wars info. Built with react, redux and flow.
• tictactoe - Overengineered ticTacToe app with undo/redo and 3 AI profiles and PVP.

Talks

Let's build JS Promise from scratch (2023-11-15)

• slides

ffmpeg: an introduction (2023-05-17)

• slides

The next wave of Javascript frameworks (2022-10-19)

• slides

Data fetching in react 18 applications (2022-05-18)

• slides

swapi-view's Issues

Fix focus Trap

Focus can escapes from the drawer, if open.

Fix scroll restoration

Main doesn't restore scroll to (0,0) on pathname change.

Enter keypress on Menu icon triggers twice

Give focus to the menu button, then input Enter:

the drawer doesnt open.

This is caused by a bug of MUI 0.20.0 that invokes the cbs attached to a click event twice on "Enter".