🔴 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.
🔴 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 🤓
W ReactJS warto trzymać się pewnych sprawdzonych strategii. Na dobry początek wystarczy, że zapamiętasz kilka ważnych pojęć. Poznaj moją historię, jak na własnej skórze przekonałem się, że dziedziczenie się nie sprawdza.
🔴 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.
React daje mi gotowe narzędzia do zarządzania stanem – hooki useState i useReducer. Mam też do dyspozycji React Context API. Natomiast nieprzemyślana struktura hooków i poplątanie zależności prowadzi do bugów i problemów z logicznym poukładaniem wszystkiego w dobrze zorganizowany organizm. Do tego dochodzi potrzeba optymalizowania wszystkiego na własną rękę.
🔴 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.