25
Jul

Tydzień z ReactemJS – dzień 4 – Separowanie logiki w komponencie

0 Comments

Cześć, Dzisiaj jest o sprawdzaniu wygranej któregoś z graczy oraz oznaczanie „wygranych” pól. Cały algorytm opakować w jedną funkcję i uruchamiać przy obsłudze kliknięcia. W tym wpisie zamierzam jednak pokazać coś znacznie ciekawszego. Opakuje algorytm w komponent GameWinChecking, a sprawdzanie nastąpi automatycznie po zmianie stanu gry. Dzisiaj również odpowiem na pytanie czym jest „ref”? Krok … Continue reading Tydzień z ReactemJS – dzień 4 – Separowanie logiki w komponencie

5
Jul

Tydzień z ReactemJS – dzień 3 – Wyniesienie stanu

0 Comments

Cześć, dziś krótko, ale za to bardzo konkretnie. Będzie o tym jak możemy sprawić by kilka naszych komponentów współgrało i tworzyło spójną całość. Obecnie posiadamy już plansze złożoną z dziewięciu GameFieldów, każdy z nich można klikać i w efekcie otrzymaliśmy chaos. Dziś wprowadzam kontekst aktywnego gracza(tego który wykonuje ruch). Krok 1: Propsy zamiast State w … Continue reading Tydzień z ReactemJS – dzień 3 – Wyniesienie stanu

4
Jul

Tydzień z ReactemJS – dzień 2 – Stany i Zdarzenia

0 Comments

Cześć, Wczoraj była przedstawiłem podstawową wiedzę odnośnie komponentów i jsx, dziś pragnę zająć się czymś „przyjemniejszym”. Mam na myśli coś co lubię najbardziej… czyli nadawanie życia aplikacji. Z początku wszystkie komponenty będą całkowicie niezależne względem siebie(chaos), a jutro przejdę do tzw. „wyniesienia stanu„. W efekcie uzyskamy grupę komponentów zarządzanych przez wspólnego rodzica implementującego logikę naszej … Continue reading Tydzień z ReactemJS – dzień 2 – Stany i Zdarzenia

3
Jul

Tydzień z ReactemJS – dzień 1 – Kółko i Krzyżyk

0 Comments

Cześć, Dziś dzień pierwszy tygodnia z Reactem, wczoraj przygotowałem sporą ilość materiałów oraz przemyślałem jaką aplikację zrobię (poziom zaawansowania: junior). Po wielu przemyśleniach uznałem, że najlepszym wyborem będzie coś nieskomplikowanego, coś jak … Kółko-Krzyżyk. Za pomocą tej gry postaram się pokazać najważniejsze mechanizmy ReactaJS, czyli: Czym jest JSX? Jak działają komponenty i jak o nich myśleć? … Continue reading Tydzień z ReactemJS – dzień 1 – Kółko i Krzyżyk

2
Jul

Tydzień z ReactemJS – dzień ZERO

0 Comments

Cześć, Dziś na nowo rozpoczynam przygodę z ReactemJS. Przez najbliższy roboczo tydzień napiszę pewną gierkę (konkret w następnym wpisie), a wraz z developmentem będę tworzył kolejne wpisy. W efekcie powstanie coś w rodzaju tutoriala. React JS jest reaktywny biblioteką/frameworkiem frontendowym. Składa się z komponentów, które posiadają swoją reprezentację(HTML + CSS), logikę (JS) oraz stan. Pozwala … Continue reading Tydzień z ReactemJS – dzień ZERO