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
Chcesz więcej? Sprawdź w oryginale!
Przejdź do filmu