Nauka Reacta - video z zadaniami

 

Zaczynamy z React.JS!

Czas na poznanie React, biblioteki do generowania HTMLa i stron typu Single Page Application. Szukając informacji i poradników na temat Reacta, warto pamiętać, że przez ostatnie 10 lat ta biblioteka zmieniała się kilka razy. Uznawane za najlepsze praktyki przykłady stawały się przestarzałe po np. roku. Sytuacja unormowała się nieco, kiedy React wprowadził hooki. Znalazłem dla Ciebie proste wprowadzenie do Reacta. Najważniejsze aspekty to tak naprawdę komponenty, ich propsy oraz używanie hooku useState. Temat jest oczywiście dużo bardziej rozbudowany, ale to na początek wystarczy.

 

Jeżeli wolisz wgłębić się nieco mocniej w ten framework, polecam Ci poniższy filmik, w którym autor buduje stronę typu lista ofert pracy. Jest to podobne do tego, co chcesz zbudować do swojego portfolio, o czym wspomniałem w poście o tym, jak otrzymać pracę w IT. Jeżeli wolisz douczyć się Reacta przed wskoczeniem do kodowania, śmiało polecam Ci poniższy filmik. Pamiętaj jednak, że osobiście uważam, iż każda minuta w edytorze tekstu jest warta 10 razy tyle, ile minuta na YT. Trzeba tym dobrze balansować: nie rzucać się na framework, o którym nie ma się pojęcia, ale też nie oglądać 10 godzin materiałów, aby potem pierwszy raz odpalić edytor tekstu. Możesz zacząć z tym pierwszym, pobawić się kilka godzin w edytorze, a potem zerknąć na ten poniżej, aby utrwalić i rozjaśnić sytuację.

 

Zadanie

Zbuduj typową TODO listę w Reactcie, bądź jeżeli chcesz podłubać więcej, prosty kanban board jak na trello.com (powiedzmy 3 kolumny, możliwość tworzenia ticketów i ich przeciągania). React i TS to dwa najważniejsze aspekty dla programisty frontendu, ta wiedza i włożony wysiłek na pewno sie nie zmarnuje!