post-image
09.10.2020

IntersectionObserver serwowany jako custom hook w React i Typescript

Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu zadanie z budowania customowych hooków w oparciu o natywne api JS

Live Code Review i Gladiatorów z 08.10.2020 można obejrzeć tutaj:

https://drive.google.com/file/d/14RCzjQQOQcFvOhzAYo84mCtc0W-grjEQ/view?usp=sharing

Kolejny Live Code Review za nami, a z tygodnia na tydzień Gladiatorzy uczą się coraz więcej. Z uwagi na sezon chorobowy tylko jednak z grup zrobiła zadanie, ale zrobiła je w bardzo ciekawy sposób wykorzystując wzorzec singleton

Zadania:

W tym tygodniu przez prawie godzinę gadaliśmy o hookach w React i o tym jak je poprawnie otypować. Jaką moc ma mało znany IntersectionObserver oraz jak można testować coś zależne do scrolla

Jeśli chcesz obejrzeć kod rozwiązań to oto są rozwiązania Gladiatorów:

Projekt:

Grupa projektowa realizuje drugi z mikroserwisów swojej apki do CV – XNotes. Mikroserwis ma służyć do obsługi repozytorium z notatkami, które ma służyć jako wygodne miejsce do przetrzymywania danych dostępnych zarówno z apki jak i z wielu innych miejsc – w końcu to zwykłe repo. Rozmawialiśmy o kolejnych widokach, które zaprojektować jeden z Gladiatorów oraz wskazałem Gladiatorom jak można poprawić strukturę plików, aby było im wygodniej pracować

Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:

https://github.com/Drugi-Legion-Gladiatorow

Zapraszam do obejrzenia całego nagrania!

Do następnego commita!

Do następnego commita!

Jeśli dowiedziałeś czegoś konkretnego z tego posta, to postaw mi kawę, która zasili kolejne posty z materiałami dla programistów!

coffee
coffee

Dołącz do listy mailingowej Gladiatorów Javascriptu!

Będziesz otrzymywać linki do zajęć z Gladiatorami, przydatne do nauki artykuły oraz informacje odnośnie aktualizacji zbiorów.

 
Twoj adres email
Wyślij wiadomość
* Zapisując się do newslettera zgadzasz się na przetwarzanie swoich informacji osobowych zgodnie z naszą Polityką Prywatności.