Posts List

Testowanie komponentów w React'cie - Jest i Enzyme

Testowanie komponentów w React'cie - Jest i Enzyme

Jak już kiedyś wspominałem w poście dotyczącym testowania(znajdziecie go tutaj) testowanie jest ważnym elementem podczas tworzenia oprogramowania. Dziś chciałbym poświęcić chwilę czasu na testy jednostkowe w React’cie. Testy jednostkowe powinniśmy tworzyć dla właściwie każdego komponentu dzięki czemu będziemy mieć pewność, że działa poprawnie i niczego nie psujemy podczas zmian lub ulepszania kodu.

WorkTimetable#4 Redux, czyli stwórzmy aplikacje

Do tej pory WorkTimetable był tylko mniej lub bardziej ładnym widokiem. Jednak samym widokiem wiele nie zrobię nie ważne jak dopracowany byłby. Więc żeby mój projekt stał się prawdziwą aplikacją dodałem do niego Redux’a. Czym jest Redux? Redux jest małą biblioteką służącą do zarządzania stanem aplikacji. Wyewoluowała z idei Flux’a, której głównym założeniem jest jednokierunkowy przepływ danych. Polega to na tym, że wszystkie dane przechodzą przez identyczny cykl życia dzięki czemu logika aplikacji jest przewidywalna i łatwa do zrozumienia.

WorkTimetable#3 – Popracujmy nad UI

Ten weekend był wyjątkowo piękny pod względem pogody i atmosfery więc postanowiłem wykorzystać ten czas by popracować nad UI mojej aplikacji. Projektowanie UI nigdy nie jest łatwą sprawą, ponieważ trudno dogodzić wszystkim. Przy tworzeniu aplikacji jest to dla mnie szczególnie trudna część, ponieważ dopiero sobie wyrabiam pewien zmysł artystyczny i estetyczny. Jednak nie poddaję się i ostro z tym walczę.  UI WorkTimetable Jak już wspominałem o tym wcześniej w mojej aplikacji chciałbym sam popracować nad UI i dlatego zrezygnowałem z framework’a takiego jak Bootstrap na rzecz własnych klas napisanych w SCSS i flexboxgrida.

WorkTimetable#2 Konfiguracja react-router

Mało jest aplikacji, które składają się tylko z jednego widoku. Zdecydowana większość ma ich więcej i pojawia się potrzeba sprawnego zarządzania nimi z poziomu kodu. W przypadku aplikacji opartych na React’cie z pomocą przychodzi react-router.

WorkTimetable#1 Czas zacząć projekt

Jako, że konkurs już się zaczął to czas zacząć programować. Dziś będzie jeszcze krótko na temat startu projektu w React’cie. W moim projekcie zamiast standardowego menadżera npm będę korzystać z yarna(trochę informacji o nim i dlaczego uważam, że jest lepszy od npm znajdziecie TUTAJ). Tak więc nie zostaje nam teraz nic innego niż stworzyć WorkTimetable.

React#1 – Czym tak naprawdę jest React?

Nie samym backendem full stack żyje więc przyszła pora napisać coś na temat warstwy wizualnej każdej aplikacji internetowej. Od czasu wyjścia Angulara2 ta właśnie biblioteka zyskała sporo na popularności i stała się głównym wyborem podczas projektowania interfejsu użytkownika. Skoro React stał się taki popularny to czas żebym ja też się nim zainteresował. Czym jest React? React nie jest frameworkiem. Jest biblioteką służącą do tworzenia zaawansowanych interfejsów użytkownika. Dopiero w połączeniu z dodatkowymi z innymi bibliotekami takimi jak redux, redux-saga, react-router powstaje nam pełnoprawny framework.