w Praktyce
6 godz. 51 min · ReactJS · Full-stack i Programowanie
Adam RomanskiFrontend developer & YouTube CreatorNarzędzia typu ESlint, Prettier, Husky czy lint-staged niezmiernie pomagają nam w pracy. Problem jednak polega na tym, że ich konfiguracja bywa kłopotliwa. W tym kursie dowiesz się, jak poprawnie skonfigurować te narzędzia, tak, aby nie wchodziły ze sobą w konflikty i pomagały nam pisać lepszy kod.
Brzmi jak zły pomysł? Wcale nie! CSS in JS to rewolucyjne podejście, które pozwala nam tworzyć style bezpośrednio w komponentach. Dzięki bibliotece Styled Components możesz wpływać na ich stan, wygląd i wiele innych rzeczy. To niezwykłe narzędzie, wprowadzające powiew świeżości dla ludzi zmęczonych czystym CSS.
Dokumentowanie wyglądu i zachowania naszych komponentów bywa kłopotliwe. Jeśli jednak użyjemy odpowiednich narzędzi, staje się banalne! Storybook w połączeniu z podejściem atomic design pozwoli nam na stworzenie świetnie udokumentowanych komponentów.
React w Praktyce nie byłby... praktyczny, gdyby nie pokazanie tego, w jaki sposób rozwiązuje się problemy z layoutem aplikacji. Sidebary, szablony, powtarzalne komponenty – to wszystko poznasz w tym kursie.
Tworzenie store, czyli warstwy z danymi w naszej aplikacji dla wielu bywa wyzwaniem dość trudnym. Wynika to często z tego, że przykłady Reduxa bywają niepraktyczne. W tym kursie dowiesz się, w jaki sposób działa Redux – zaczniemy od podstaw, a skończymy na rozbudowanej strukturze danych. Dzięki temu zobaczysz, że nie taki Redux straszny jak go malują.
Aplikacja frontendowa bez backendu może istnieć, choć jej możliwości będą zdecydowanie ograniczone. A już na pewno będzie ona miała kiepską pamięć. Dlatego w tym kursie stworzymy lokalną wersję backendu połączoną z MongoDB na mLab. W ten sposób będziemy mogli dłużej przechowywać dane zapisane w naszych komponentach.
O testach można mówić wiele. To niezwykle rozległy temat, dlatego zanim zaczniesz je pisać na poważnie, chcę Ci pokazać jak możesz poćwiczyć podstawowe rzeczy. Poznasz narzędzie JEST, które odpowiada za uruchamianie testów, oraz wprowadzę Cię do react-testing-library, jednej z najpopularniejszych bibliotek do testowania aplikacji reactowych.
Ten kurs przeznaczony jest dla osób, które lada dzień będą aplikować na stanowiska juniorskie jako React developer. Zawarłem w nim wiele aspektów pracy z React, które zdarzają się w prawdziwej pracy. Ponadto skorzystać mogą z niego osoby, które znają inny framework JS i chcą nauczyć się Reacta, jednak kursy od podstaw są dla nich zbyt proste.
16.8.x
Cześć, zapraszam cię na mój kurs React w Praktyce, w którym dzielę się rozwiązaniami
z których my, profesjonalni frontendowcy korzystamy na codzień w naszych projektach. Dla
dewelopera jest kluczowe aby czuć się pewnie w projekcie i skupić na realnej
pracy od samego początku, dlatego setup'owanie projektu, konfiguracja
ekosystemu, narzędzi, jest tutaj kluczowa i dla mnie jako dewelopera, na samym
początku, kiedy zaczynałem, to było strasznie trudne i stresujące kiedy zostałem sam
w jakimś projekcie to często nie wiedziałem jak sobie poradzić z jakimiś problemami i
dlatego stworzyłam właśnie ten kurs w którym pokazuje ci drogę od
początku do końca projektu zarówno jeśli chodzi o konfigurację takich narzędzi jak
eslint prettier husky, które pozwalają żeby nasz kod był lepszy,
ładniejszy, ale też nieco bardziej kuloodporny. Często kursy
nie zabierają takiej praktycznej wiedzy, która jest niezbędna w prawdziwej pracy
i React w praktyce to właśnie taka nauka korzystania nie
tylko z samego React'a, ale też z dokumentacji. Będziemy dość biegle posługiwać się nią
przez cały kurs. Nie chcę ślepo prowadzić się od jednego punktu do drugiego, chcę
ci pokazać całą ścieżkę i sposób myślenia dewelopera. React to nie tylko
zaawansowana architektura aplikacji, ale też umiejętne posługiwanie się właśnie tym ekosystemem,
który jest przeogromny i początkujący programiści mają spory problem właśnie
z setup'em projektu i z korzystaniem z tego ekosystemu, dlatego chciałbym ci pomóc
z tym kursem. Będzie dużo narzędzi, rozwiązań, których używają profesjonalni
frontendowcy każdego dnia. Co więcej będziemy w tym kursie tworzyć aplikacje,
która być może jest już ci znana z pierwszego kursu React od podstaw, ale
celowo wybrałem ten sam pomysł na aplikację, ponieważ chcę ci pokazać że tę
samą prostą aplikację możemy wznieść na zupełnie inny poziom właśnie przy
wykorzystaniu bardziej zaawansowanych wzorców i bardziej zaawansowanych narzędzi które
z integrujemy w tej aplikacji. Przygotowałem też dla tego kursu specjalny interfejs aplikacji,
ponieważ chcę, aby wiedza o React'cie szła tutaj w parze z wiedzą
praktyczną związaną z rozwiązywaniem problemów layout'owych, interakcyjnych
i innych. W tym kursie nauczysz się przede wszystkim praktycznego myślenia i umiejętności
radzenia sobie z prawdziwymi problemami. Często będzie tak że oddam ci
we władanie naszą aplikację i będziesz mógł samodzielnie ją rozwijać,
samodzielnie rozwiązywać problemy, które spotkasz, ale zawsze jest
ci coś pójdzie nie tak pamiętaj, że możesz zerknąć po prostu do następnej lekcji i
do jej kodu. Dowiesz się jak łączyć aplikację frontendową z backendem
przy pomocy rest api, poznasz takie narzędzie jak postman dzięki którym możesz
podglądać co wysyła nam backend właśnie do frontendu, zanim w ogóle
to z integrujemy. Opowiem ci o takich narzędziach jak state components, storybook, redux, axios, a
także poznasz kilka bardziej zaawansowanych wzorców projektowych. Nie zabraknie
też nowinek ze świata React'a jak na przykład hooks'y, które ostatnio biją rekordy popularności. Ten
kurs przygotowałem zwłaszcza dla osób, które już znają podstawy React'a i chciałyby
dowiedzieć się o nim dużo, dużo więcej i poznać właśnie takie praktyczne
rozwiązania, które stosujemy na codzień w naszej pracy. Nie zatrzymujemy
się już przy każdym komponencie, nie tłumaczymy go super dokładnie tak jak to było w poprzednim
kursie React od podstaw. Bardziej skupimy się tutaj na rozwiązywaniu
właśnie tych realnych problemów. Kurs pokazuje jak korzystać z ekosystemu i
dokumentacji. Jednak dobra znajomość JavaScript'u jest tutaj niezbędna.
Zwłaszcza składni ES6 w górę. Utworzyłem ten kurs z myślą
o osobach, które lada dzień będą aplikować na stanowisko juniorskie jak React
developer albo znają już jakieś framework'i chcą się nauczyć React'a,
a te kursy od podstaw są dla nich po prostu zbyt trywialne i szukają
jakiś większych wyzwań, więc ten kurs również zaspokoi potrzeby takich
użytkowników. Już nie mogę się doczekać kiedy zaczniemy naszą pierwszą
lekcję. Do zobaczenia w kursie.