Hi! I'm Lorenzo Spinelli
> Web 3.0 Fullstack developer

💻 I write web2 and web3 code
🚀 firenze.dev co-founder
🥑 0xPolygon Advocate
GithubTwitterLinkedinMedium
Lorenzo Spinelli

Developer

I like developing things

Speaker

And share them with the world

Contacts

Let's get in touch, ask me anything

Projects

React patterns

React patterns

💩 For the past seven years, I have been developing React applications that are sh*t 😬 or rather, that work but could be improved at the code level. I tried changing the structure and libraries, but nothing. Until

🖋 One day, I stopped momentarily and tried to find a way to write beautiful react applications. I came up with a 50-page notion note, a project on GitHub, and an example application😅

🤝 I would be delighted if someone would read it and give feedback. Comments, insults, and anything else you can think of is acceptable. There are bound to be spelling errors and nonsense sentences.

firenze.dev

firenze.dev
Firenze.dev is an open community for developers based in Firenze, Italy that organizes events, talks, and meetups for developers. I founded the community with a friend of mine. The main goal of the community is to provide a platform for developers to share their knowledge and experience.

NFT Scan

NFT Scan
What's in the wallets? NFT wallet scanner is a nice application to see the NFTs present in an ethereum wallet. It works on the mainnet and on Polygon.

Crypto sbarzotti

Crypto sbarzotti

Crypto Sbarzotti is a collection of 10.000 unique characters registered as NFT (Non-fungible tokens) in the Ethereum blockchain, They are realized as pixel art. They are unique and unrepeatable, each character is different from the others. The Crypto Sbarzotti are created using an algorithm that establishes the specific features and make them unique.
I made this project when starting to play with the Ethereum blockchain, NFTs, smart contracts and decentralized apps.

Web Push notifications

Web Push notifications
Web Push notifications
This project is a tutorial about Web Push Notifications in JavaScript. The project is made of 3 parts:
  • a Push server made with Node.js
  • a front-end application in Vanilla JS
  • a front-and app in React.js

React state machine

React state machine

Yet another React.js State machine! This oine is a tiny and solid 3kb library. This project provides some hooks to manage the global state of a React application. Think about it as a simplified and easy to use version of Redux.

Speaking

2023, June 16th

React Patterns

React Native Heroes
React Native Heroes
Abstract:

If you use React to make small applications, demos, proof of concept, or to “play games,” I suggest you don't listen to this talk. You don't need it; in fact, it will just complicate your life.
If, on the other hand, you have found yourself managing small applications that have gotten too big and no one has control over them anymore; if you have gotten to the point where you wonder what would be the best architecture for a single-page application; if with each new project you try a different combination of libraries/structure/conventions, and after six months you don't like it anymore; if your application is impossible to test and you have been forced to write hundreds of end-to-end tests.
Then this talk is for you. By applying the correct design principles and design patterns, we will see how we can create a three-tier UI architecture that allows us to build applications with React that are clean, maintainable, testable, and infinitely scalable. Ps: we will not talk about the folder structure but how to split and decouple the components of a React application as much as possible and create a design we are proud of.

2023, Mar 31th

Testare l'usabilità

CSS day - Grsup
CSS day - Grsup
Abstract:

Come si riesce a mettere d'accordo il capo del marketing che vuole il pulsante rosso e quello degli UX che lo vuole verde?
I designer stanno discutendo del colore delle tende, ma nessuno si è accorto che mancano le finestre?
La vostra applicazione può funzionare come è stata progettata, ma funziona per l'utente?
Se anche tu hai avuto questi dubbi, è probabile che tu abbia bisogno di eseguire dei test di usabilità. Non sto parlando dei "soliti pipponi" sull'usabilità, sto parlando di come eliminare le congetture, in modo da sapere esattamente come progettare e migliorare un sito web.
In questo talk vedrai come le intuizioni degli utenti possano trasformare una buona app in una grande esperienza d'uso.
Ed anche come aumentare il fatturato grazie ai test di usabilità, senza spendere centinaia di euro o mesi di lavoro. E alla fine dirai: perchè non l'abbiamo fatto prima?

2022, Sept 24th

Next level API with GraphQL

WeBeetle - HaBeetAt Playground
WeBeetle - HaBeetAt Playground
Abstract:

Si sente dire in giro che con GraphQL si possono creare API performanti, scalabili e flessibili, che se non lo usi sei un dinosauro e che adesso il REST non serve più.
Tiziano e Lorenzo, fullstack developer in Register.it, ci racconteranno la loro esperienza, spiegandoci come abbiano imparato a sfruttarne le potenzialità e affrontare le sfide che questa tecnologia ci pone.
Il workshop:
GraphQL: cos'è, quali sono i suoi vantaggi, come utilizzarlo al meglio e quali sono le cose da evitare assolutamente.
Dai concetti di base per arrivare ad affrontare alcuni scenari più avanzati
Sessione interattiva i partecipanti potranno porre agli speaker qualsiasi domanda sull'argomento (anche quelle più scomode!).

2022, May 25th

Kittens, blockchain and Web3: let's create an NFT together

Codemotion - Workshop Fest
Codemotion - Workshop Fest
Abstract:

Do you nod silently when NFT is discussed in the bar? Do you change the channel when the news talks about it? Do you make up an excuse when mom asks you for advice about cryptocurrencies?
Everyone is talking about blockchain. Yet it is not so easy to find your way around Web3: the technologies that are part of it are fascinating, but very complex, and for those taking their first steps, it is all too easy to lose your way.
In this workshop we will guide you to discover these technologies through the development and publication of a real NFT, to enable you right away to create decentralized applications on blockchain.

2022, April 13th

A journey into Web 3.0

Codemotion - Devcast
Codemotion - Devcast
Abstract:

Web 3.0 è una buzzword che ultimamente potreste aver sentito molto spesso. Tutti ne parlano e non si è alla moda finché non l'aggiungiamo alla nostra bio di Twitter. Ma cos'è, e perché è nella mente di tutti? Il Web 3.0 rappresenta la prossima versione di internet, che promuove protocolli decentralizzati basati su blockchain e mira a rimettere al centro di internet gli utenti.

2022, April 11th

Developing a decentralized application on Blockchain

Codemotion - Edu Path
Codemotion - Edu Path
Abstract:

La blockchain non viene utilizzata solo per fare speculazioni economiche. Nel 2015 è stata rilasciata la blockchain di Ethereum che permette di costruire vere e proprie applicazioni come quelle che usiamo tutti i giorni. Il vero cuore di queste applicazioni sono gli smart contract. In questo EduPath costruiremo e deployeremo un'applicazione decentralizzata che gira su blockchain, imparando cos'è e come funziona uno smart contract.Guarda questa serie di brevi video approfonditi e acquisisci in pochi minuti delle skill da mettere in pratica già da subito!

2022, March 23th

[Panel] Metaverse, demystified

Codemotion 2022 Rome
Codemotion 2022 Rome
Abstract:

Il termine Metaverso è sulla bocca di tutti, ma ancora non esiste una definizione precisa di cosa sia. In questo panel andremo ad approfondirlo, andando oltre le nebbie del marketing e della fiction e narrativa sci-fi. Analizzeremo il metaverso dall'ottica delle sue tecnologie fondanti e cioè blockchain, realtà virtuale ed aumentat, intelligenza artificiale. Dalla loro convergenza si concretizza la possibile rivoluzione tecnologica e sociale dei prossimi anni.

2021, March 11th

Ui framework incompatibility

CSS day 2021
CSS day 2021
Abstract:

At last, the Designer delivered the mockups of the new app. But... Oh my gosh! The framework we use does not have rounded and long buttons. If the designer likes it right there, We have to customize the framework... One month later: We just finished customizing ed extending the framework. Now it sucks! And sometimes it doesn't work in Internet Explorer. In this talk, we're going to talk about how to face the incompatibility between the UI of an app and the framework that is chosen to build it. For example: If the designer wants rounded buttons but the framework has them squared, what should you do? How do you solve this problem? Who is right? Should you change the design or customize the framework? Should you pick another framework? Should you change the designers? Or maybe the developers? Are UI frameworks necessary?

2021, April 1th

GraphQL - it's time

devmy
devmy
Abstract:

Do you like to chat about tech with your colleagues and friends? Or share your experience about a problem, but you can't find the proper place or time to do it? What's better than joining a live session and be interviewed about that topic? In this live session hosted by @devmy, I chatted about GraphQL, the popular API "language". We talked about what GraphQL is, what problems it solves, and what are the best practices and advanced scenarios for using it. The chatting session format is straightforward and it works like this: the host asks a question or proposes a topic, and the interviewee answers and explains it.

Let's Talk!

Ask me anything: hello [@] spyna.it

Or let's catch up on

GithubTwitterLinkedinMedium