Polski frontend

JS Dżem YouTube

Jak podłączyć portfel MetaMask + #TypeScript + #React

🚀 Zapisz się na newsletter: https://jsdzem.pl/newsletter 👨‍🚀 Pracuj ze mną przy projektach web3: https://jsdzem.pl/praca/ 🔴 Pokazuję jak podłączyć portfel MetaMask do aplikacji napisanej w React.js + TypeScript. Koduję też prymitywną maszynę stanów z wykorzystaniem hooka useState oraz discriminating unions. Stan jest podpięty do React Context, aby był dostępny globalnie w całej aplikacji. Link do aplikacji: https://crypto-app-sage.vercel.app Kod: https://github.com/lebrande/crypto-app MetaMask tutorial: https://www.youtube.com/watch?v=fozB8QqsUDM Mój odcinek o tym jak robię React Context: https://www.youtube.com/watch?v=_fW3FbXx35U Dokumentacja Nextjs, jak zrobić _app w TS: https://nextjs.org/docs/basic-features/typescript#custom-app 0:00 - Co będę pokazywał? 0:28 - Przygotowanie projektu Next.js (Vercel, Github) 3:45 - Kodowanie funkcji connectMetamask 9:54 - Stany aplikacji 11:12 - Globalny React Context i maszyna stanowa 14:55 - Widoki stanów: niepodłączony, podłączony, błąd 17:24 - Testowanie przypadku z wyrzuceniem błędu ➡️ Grupa na fejsie: https://www.facebook.com/groups/jsdzem ➡️ Mój Twitter: https://twitter.com/le_brande 👨‍🏫 To jest kanał JS Dżem i mówię tu o programowaniu