🔴 W tym odcinku zestawiam ze sobą dwie najpopularniejsze biblioteki do projektów związanych z web3 i blockchain. Pierwsza z nich to wagmi, którą polecam zaawansowanym deweloperom. Przewagę zapewnia jej też wsparcie dla praktycznie każdego walleta, jeśli weźmiemy pod uwagę wsparcie także dla WalletConnect w wersji drugiej. Alternatywą może być biblioteka useDapp, która oszczędzi nerwów początkującym front-end deweloperom. Dodatkowo dostajemy takie ficzery jak notifikacje czy historia transakcji, czego brakuje w wagmi.
Kategoria: Transkrypcje YouTube
Wersje wideo tych artykułów znajdziesz na moim kanale na YouTube JS Dżem.
🔴 Zastanawiasz się od czego zacząć produkcję warstwy front-endu dla aplikacji blockchain? Zanim cokolwiek zakodzisz, odpowiedz sobie na kilka bardzo, ale to bardzo ważnych pytań.
🔴 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.
🔴 Jak zapisać liczbę binarnie w Javascript? Możesz chcieć zamienić zera i jedynki na wartość w formacie decymalnym lub odwrotnie. Zobacz jak sobie z tym poradzić. W obu przypadkach, wystarczy użyć odpowiedniej funkcji.
🔴 Kolejny przykład z życia. Wyjaśniam jaka jest różnica pomiędzy funkcjami a metodami w kontekście TypeScripta. Argument funkcji jest typowany kontrawariantnie a argument metody jest biwariantny. Co to w ogóle znaczy? Bez zbędnego wyjaśniania! Zobaczmy jak to się ma w praktyce 🤓
🔴 Type safety w React Context? Musiałem troszkę pogłówkować zanim znalazłem dla mnie najlepszy sposób na otypowanie konteksty z TypeScriptem. W tym odcinku dowiesz się jak wnioskować typy bezpośrednio z custom hooka. Zobaczysz jak poradzić sobie z problemem domyślnej wartości kontekstu, aby nie pisać żadnych assercji lub zaślepek.
🔴 Pokazuję jak ustawić framework Next.js do programowania w języku TypeScript. Zobacz jak szybko możesz postawić bardzo przyjemne środowisko na platformie Vercel. Poznaj korzyści płynące z takiej konfiguracji.
🔴 Zobacz przykład jak korzystać z typu never w języku TypeScript. Pokazuję pewną sytuację, gdzie TS może Cię zaskoczyć. Co oznacza zbiór pusty? Dowiesz się także, co to jest test wyczerpania zwany jako exhaustive check.
🔴 Bez tych operatorów nie możesz mówić, że znasz RxJS! W tej lekcji tłumaczę jak działa: concatAll, concatMap, switchAll, switchMap, exhaustAll, exhaustMap, mergeAll, mergeMap. Trochę tego jest, prawda? Wszystko pokazane na matrycy, którą tworzyliśmy w poprzednich odcinkach o RxJS. Zapraszam!
Kod do odcinka – Pull Reuqest:
https://github.com/lebrande/rxjs-higher-order-streams/pull/3