Kurs React

Wprowadzenie

Lekcje
Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

29 ocen

Wprowadzenie

Wiele materiałów dostępnych w sieci zawiera wskazówki jak używać Reacta, jednak brakuje im praktycznego wymiaru. Stosowanie tej technologii w prawdziwym projekcie nieco różni się od prostych przykładów, które na ogół możemy znaleźć. Tak powstał pomysł na kurs React w Praktyce, w którym dowiesz się, z jakich technologii React developerzy korzystają na co dzień, jak konfigurują projekty, jak radzą sobie z problemami zarówno wynikającymi ze skomplikowania interfejsu, jak i logiki biznesowej zawartej w aplikacji.

  1. Praktyczne zastosowanie React
  2. Konfiguracja projektu
  3. Konfiguracja ESlint, Prettier, Husky
  4. Wykorzystanie Styled Components
  5. Stworzenie Storybooka
  6. Stworzenie zaawansowanego interfejsu aplikacji
  7. Łączenie frontendu z backendem za pomocą API
  8. Wprowadzenie do testów

Zróbmy to jak trzeba!

Narzę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.

CSS in JS?!

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.

Storybook – czyli opowieść o komponentach

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.

Problemy z layoutem

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.

Poznaj Reduxa

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ą.

Halo, backend?

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.

Wprowadzenie do testów

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.

Dla kogo jest ten kurs?

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
31 minut

Formularze w Gatsby.js

Z Firebase i SendGrid

W tym Warsztacie w ciągu zaledwie 30 minut dowiesz się, jak stworzyć prosty i bezpieczny mechanizm wysyłania maili przez formularz osadzony na stronie internetowej. A wystarczą do tego trzy kroki - przekonaj się jakie!

Adam Romanski

4 godziny 29 minut

Kurs Gatsby.js

Szybkie i Nowoczesne Strony

# Wielki Gatsby Gatsby.js wdarł się na frontendowe salony niczym prawdziwa gwiazda! Unikalne rozwiązania dające ogromną swobodę developerom, w połączeniu z potężnym ekosystemem reactowym sprawiły, że już dawno żadna technologia nie wzbudziła takiego entuzjazmu i zainteresowania. Bądź na bieżąco z najnowszymi frontendowymi trendami i dowiedz się, na czym polega sekret tej fenomenalnej technologii. W kursie dowiesz się w jaki sposób poprawnie używać Gatsbyego, jak działa jego routing, w jaki sposób obsługiwać obrazki przy użyciu GraphQL, a także jak budować warstwę danych zasilającą aplikację w odpowiednie treści.

Adam Romanski

6 godzin 6 minut

Kurs React

Techniki Zaawansowane

Higher Order Components, Render Props, Compound Components... React pełen jest wzorców i narzędzi, których nazwy potrafią przyprawić o ból głowy. Właśnie po to, by uniknąć tego przytłoczenia, został przygotowany ten kurs. Skupimy się w nim praktycznie wyłącznie na React'cie, który mimo że jest niepozorną biblioteką, to kryje w sobie ogromny potencjał i jeszcze większą swobodę działania dla developera. W dużych, komercyjnych aplikacjach wzorce, o których wspominamy, pojawiają się niesłychanie często, a ich poprawne zrozumienie to jedyna droga do tego, abyśmy nie czuli się nieswojo patrząc na nieco bardziej skomplikowany kod.

Adam Romanski

30 minut

Hooks w React

Twórcy Reacta już jakiś czas temu oddali w ręce developerów potężne hooksy – rozwiązanie, które pewnego dnia może zastąpi komponenty klasowe. Zanim jednak wybiegniemy w przyszłość aż tak daleko, warto je po prostu poznać i zrozumieć. Zapraszam na warsztaty o podstawach React Hooks, podczas których pokażę kilka praktycznych zastosowań hooksów, dzięki którym lepiej zrozumiesz, czym tak naprawdę są i dlaczego tak wiele osób o nich mówi. Dowiesz się w jaki sposób możesz tworzyć stan w komponentach funkcyjnych przy użyciu hooka useState(), a także pokażę Ci, jak w prosty sposób możesz wykorzystywać useRef() do tworzenia refów, tak przydatnych podczas pracy z bibliotekami manipulującymi DOM.

Adam Romanski

4 godziny 55 minut

Kurs React

od Podstaw

Od kilku lat React niepodzielnie króluje wśród frameworków JavaScript. Ogromna swoboda jaką daje, intuicyjny sposób tworzenia komponentów i potężny ekosystem wspierający developera niemal w każdej sytuacji, to niewątpliwie największe zalety tej technologii. W tym kursie dowiesz się, w jaki sposób wycisnąć w Reacta jak najwięcej. Odkryjesz jego prawdziwy potencjał i dogłębnie poznasz zagadnienia, które stanowią trzon tego frameworka. Aby zrozumieć rzeczy zaawansowane, należy solidnie opanować podstawy – w tym własnie chcę Ci pomóc.

Adam Romanski

Autor: Adam Romanski

Frontend developer & YouTube Creator

Cześć! Nazywam się Adam Romański i sam siebie nazywam kreatywnym front-endowcem, ponieważ zanim dołączyłem do branży IT, wiele lat spędziłem pracując jako copywriter. Na co dzień pracuję w jednym z największych software house'ów w Polsce, realizując ambitne projekty dla zagranicznych klientów. Dzięki tej pracy zdobyłem sporo doświadczenia, którym chętnie się z Tobą dzielę. W moim przypadku pasja do uczenia innych przejawia się także w inny sposób. „Po godzinach” zajmuję się vlogiem Hello Roman na YouTube, który w kilka miesięcy zdobył prawdziwą rzeszę fanów. Możesz go odwiedzić klikając w ten link: https://youtube.com/helloroman Do tej pory zrealizowałem wiele projektów zarówno w React, Vue, Gatsby jak i innych technologiach, co pozwoliło mi nabrać pewności siebie a także poszerzyć nieco moje perspektywy. Liczę, że moje kursy dadzą Ci to samo! To dla mnie ogromne wyróżnienie, lecz także ogromna odpowiedzialność. Za pośrednictwem vloga opowiadam o moich przemyśleniach dotyczących programowania, branży IT, a także tworzę materiały z praktycznymi, technicznymi poradami. Do tej pory zrealizowałem wiele projektów zarówno w React, Vue, Gatsby jak i innych technologiach, co pozwoliło mi nabrać pewności siebie a także poszerzyć nieco moje perspektywy. Liczę, że moje kursy dadzą Ci to samo!

https://youtube.com/helloroman

Recenzje Kurs React

5

29 dodanych ocen

2019-07-31

@janusz, czy możesz napisać do nas maila, postaramy się pomóc. Zweryfikowaliśmy ponownie back-end i nie znaleźliśmy błędów. Może coś specyficznego w Twoim setupie. @Piotr i reszta osób - przepraszamy za to. Niestety zawiodła nasza recenzja, co połączone z lekką presją na wydanie kursu doprowadziło do tego, że znalazły się w nim błędy montażowe. Poprawki zostały wprowadzone, ale okazało się że finalnie zostały omyłkowo nadpisane przez wersję wcześniejszą i to z niej poszedł render :( Poprawiamy je na bieżąco i wgrywamy nowe lekcje. W tym momencie powinno być już dużo lepiej a za 2-3 dni - idealnie. Wyciągnęliśmy z tego wnioski i taka sytuacja już się nie powtórzy. Ogólnie, wiele drobnych rzeczy złożyło się na większy problem. Przepraszamy, bo mimo, że kurs merytorycznie jest super, nie powinniście od nas dostać czegoś, co nie jest też idealnie złożone! 🙌

Grzegorz Róg

2019-07-12

Ilość powtórzeń i przerw jak dla mnie jest niedopuszczalna. Montaż i weryfikacja materiału leży po całości, co nie powinno mieć miejsca przy takiej klasie portalu oraz cenie kursu.

Piotr Skóra

2019-07-02

@Maciej Korolik - dokładnie to samo chciałem napisać. Do tego uważam, że niedoróbki i niedociągnięcia powinny być naprawione a lekcja urwana wymaga dogrywki materiału. Testy zrobione bardzo pobieżnie.

Aleksander Jedynak

2019-07-09

Merytorycznie na plus. Bardzo doceniam działalność Pana Romana i Grzegorza. Jednak montaż zostawia sporo do życzenia. Zastanawiam się czy ktoś to obejrzał od początku do końca? Praktycznie w co drugim odcinku są jakieś powtórzenia prowadzącego albo dłuższe zawieszki, które wystarczyłoby powycinać.

Damian Duszynski

2019-10-10

Oglądam kursy Romana odnośnie Reacta na eduweb od początku i ten, tak jak i pierwszy (od podstaw) oceniłbym na dobry merytorycznie. Jest w nich dużo pożytecznej wiedzy, którą ciężko by było momentami pozyskać z dokumentacji, a tworzone wspólnie projekty są z życia wzięte, więc uzyskujemy w tym kursie dobre propozycje rozwiązania codziennych problemów. Minusem jednak jest to, że w kursie często pojawiają się elementy, których autor nie tłumaczy dostatecznie dobrze i są jedynie wspominane, co czasami umyka podczas oglądania i kilka lekcji później można się zastanawiać dlaczego u nas nie działa to tak jak u autora. Ponadto pojawiają się również fragmenty, które nie są poruszane, a autor odwołuje się do swojego poprzedniego kursu, z którym nie każdy musiał mieć styczność, a w którym też nie zawsze występują, jak dla przykładu rzecz trywialna - zbudowanie projektu przy pomocy create-react-app. Ta nazwa jedynie pojawiła się w kursie, ale odbiorca uzyskał jedynie gotową templatkę projektu w plikach źródłowych. Ktoś, kto nie używał nigdy narzędzi pokroju npm mógłby mieć problem z instalacją, która nie została pokazana. Jak dla mnie kurs jest wybrakowany i za krótki w odniesieniu do tematyki, którą porusza. W ramach abonamentu można jak najbardziej obejrzeć, ale za cenę trzech kursów wolałbym zaopatrzyć się w dobrą lekturę.

Patryk Janas

2019-11-20

Jest to najlepszy kurs z całej serii. Po pierwsze prowadzony jest projektowo, co pokazuje jak budować realną aplikację end-to-end, po drugie - używane są najlepsze praktyki i najnowsze narzędzia. Koncepcje dotyczące Reduxa, wytłumaczone są tak przystępnie, że nie da się tego nie zrozumieć. Nikt nigdy nie wytłumaczył mi tak Reduxa, jak Roman. Testowanie dość po macoszemu, ale o wiele więcej jest w kolejnym kursie. Dzięki za to złoto! Polecam z całego serduszka.

Bartosz Ligęza

2020-03-19

Polecam, do tej pory najlepszy kurs react

Marek Gluch

2019-05-18

OK

Krzysztof Walencik

2019-06-04

Kurs merytorycznie jest dobrej jakości natomiast jest kilka rzeczy, które obniżają jakość kursu jako całości. Jednym minusem jest pisanie kodu w edytorze zwężonym na ułamek szerokości ekranu co bardzo zmniejsza czytelność kodu podczas oglądania kursu. Druga rzecz, która jest już bardzo irytująca to to jak autor coś mówi i nagle przerywa po czym mówi znów to samo po 2 czy 3 razy. Dziwne są również nagłe kilkusekundowe przerwy gdzie najpierw autor opowiada ci robi, a za chwilę jest cisza i nic się nie dzieje. Nie wiem czy te zachowania są celowe czy to błędy w montażu, ale nie są to jednorazowe przypadki, ale powtarza się to w co najmniej połowie filmów z kursu.

Piotr Machacki

2020-01-14

Super!!!

Patrycja Petryk

2019-10-24

Trochę naciągana piątka bo testy zrobione bardzo pobieżnie.

Marcin Koszykowski

2019-07-07

Kurs ciekawy, pomysł na aplikację również. Generalnie dobry, wysokiej jakości merytorycznej ale jest kilka "ale", które składają się na duże utrudnienia: * autor zostawia nas z trywialnym zadaniem domowym, po czym w następnym odcinku okazuje się, że oprócz zadania trzeba było pozmieniać to, tamto, siamto, zaingerować w inne pliki i zaimplementować nowe rozwiązania, więc kolejny odcinek to zwykle ZONK i rozczarowanie, że moje rozwiązanie nie zadziałało, bo należało wykonać wiele dodatkowych manewrów. * co za tym idzie, a jednocześnie kolejny duży kłopot - autor komunikuje, że teraz zrobi coś tam coś, nagle przyśpieszając tempo i nie wiadomo skąd tworzą się w magiczny sposób dziesiątki dodatkowego kodu, który nie zostaje omówiony krok po kroku. Niby kurs w praktyce dla nieco zaawansowanych, ale metodyka z czasem/z kolejnymi odcinkami odbiega od standardu tłumaczenia co, skąd i dlaczego. Możliwe, że wynika to wszystko z dobrych chęci autora, aby zaoszczędzić nasz czas, ale właśnie takie smaczki i niedociągnięcia powinny zostać rozbijane na dodatkowe minuty/godziny i omawiane krok-po kroku co, skąd, dlaczego, w którym momencie nawet jeśli zagadnienie wystąpiło wcześniej, bo przecież powtarzalność (trening) czyni mistrza:)

Marek Kazimierczak

2019-06-09

Super kurs i bardzo polecam, masa informacji - warto było kupić i poświęcić czas na przerobienie tego materiału ;). Teraz czekam na kolejny (zaawansowany)

Małgorzata NG

2019-07-01

Merytorycznie bardzo dobry kurs. Próbowałem już kilku kursów Reacta, płatnych i darmowych i zdecydowanie ten kurs wygrywa. Przede wszystkim zagadnienia są tłumaczone na jednym, większym projekcie, który jest robiony od początku do końca i dopracowywany w szczegółach. Inne kursy często tłumaczą tematy na prostych przykładach niezwiązanych ze sobą i wprawdzie można z nich dużo zrozumieć, ale później jest problem z użyciem tej wiedzy w własnym, większym projekcie. Kurs Adama nie tylko tłumaczy zagadnienia, ale przygotowuje do realnej, praktycznej pracy. Pod tym względem bardzo polecam!! Niestety pod względem technicznym jest dużo niedociągnięć - w wielu lekcjach słychać powtórzenia zdań, dłuższe przerwy itp. - rzeczy, które prawdopodobnie miały być wycięte w montażu, ale widocznie umknęły. Do tego jedna lekcja urywa się w trakcie i nie jest w niej w zasadzie poruszony temat, o którym miała być (Dodawanie backendu - Ekran ładowania wyników). Ogólnie jak dla mnie najlepszy kurs Reacta, jaki znam. Polecam wszystkim! Jedną gwiazdkę odejmuję za wspomniane niedociągnięcia techniczne, ale mam nadzieję, że zostaną poprawione, a kurs będzie zaktualizowany.

Maciej Korolik

2019-07-14

Działa Wam backend dołączony do kursu? Bo próbowałem już wszystkiego, metody HTTP nie działają. Przy metodzie GET np. ciągle dostaję w Postmanie 500. Po skopiowaniu kodu z plików źródłowych jest to samo. Pytanie czy mam jakiś lokalny problem czy coś poszło nie tak przy pisaniu backendu.

janusz coder

2019-06-18

Najgorsze wydane 160zł...

Krzysztof Łakomy

2020-02-24

Kolejna część kursu, która pozwoliła mi bardziej rozwinąć skrzydła w Reactcie! Ze swojej strony polecam, wszystko zrozumiale wytłumaczone; momentami sam autor popełnia błędy (czasem celowo) ale to tylko pomaga lepiej zrozumieć o co chodzi. Z całego serca polecam!

Piotr Kawula

2020-05-25

Co do kursu nie mam zastrzeżeń, ale te przyspieszenia podczas pisania kodu to tragedia. Dlatego daję 3 gwiazdki za montaż.

Maciej Antczak

2020-04-02

Kurs godny polecenia. Jedyny niuans to storybook. Wyszedł update na wersje 5 i różni sie trochę od poprzedniej. Mogą być też problemy przy setupie, ale wszystko jest do ogarniecia :) Nie ma aż takich problemów aby ich nie przeskoczyć do końca kursu. Reasumując jak chcesz dowiedzieć się jak tworzyć apke w wersji PRO od podstaw - to strzał w 10. POLECAM!

Krzysztof Grudzień

2020-05-26

Bardzo dobry kurs. Gorąco polecam!

Mateusz

2020-02-19

Bardzo merytorycznie omówione podstawy.

Maciej

2020-02-12

Roman jak zawsze na propsie! Polecam

Adam Kołtun

2020-04-16

Mnóstwo przydatnych informacji. Próba pokazania problemów i ich rozwiązań z jakimi można się zmierzyć na stanowisku developera również na duży plus.

Patryk Mróz

2020-02-14

Git

Mateusz Olsztyński

2020-03-31

W kursie jesteśmy wręcz prowadzeni za rękę, co na pewno jest dużym plusem dla osoby rozpoczynającej przygodę z Reactem. Roman jest świetnym nauczycielem i przyjemnie słucha się jego lekcji. Mam jednak dwa zastrzeżenia: po pierwsze brakuje side-tasków - krótkich zadań międzyodcinkowych, które nie byłyby w ogóle powiązane z projektem, a jedynie z omawianym zagadnieniem np: stwórz przy pomocy Axiosa na codepenie aplikację listującą koty z publicznego api - tak w ramach przećwiczenia. Dotychczas sam robię takie taski, ale wymyślanie sobie samemu zadań nosi tę pewną wadę, że nie sprawdza czego nie umiemy i nie uświadamia nam braków, a zadanie wymyślone przez Romana mogłoby z powodzeniem przewidywać takie potencjalne braki. Drugim zastrzeżeniem są momenty przyspieszania nagrania przy edycji kodu. O ile jest to sensowne przy edycji stylów, o tyle przy wprowadzaniu nowej funkcjonalności takiej jak hooki i stosowanie ich w całej zawiłości aplikacji może być problematyczne. Myślę, że problem mogłoby rozwiązać przedstawienie listy plików w których należy wprowadzić zmiany przy danym etapie, który jest uruchomiony na przyspieszeniu z krótkim lakonicznym opisem w górnej części ekranu. Mimo tych dwóch braków cały kurs oceniam zdecydowanie na plus i polecam go wszystkim zaczynającym przygodę z Reactem.

Edwin Harmata

2020-02-28

Ciekawe kurs, dobrze pokazuje problemy z jakimi musi borykać sie developer. Mnie osobiście pomógł lepiej rozumieć prace z dokumentacją aczkolwiek przy ostatnim dziale z łączeniem backendu a specjalnie nowym api troche się pogubiłem. Po częsci dobrze, ze nie wszystkie zmiany były wprowadzane na ekranie bo zmuszało to do sprawdzenia czy faktycznie wiemy co robimy a jeśli wystąpil bład to do jego szukania i załatania. Irytujące według mnie było tylko wygrywanie assetów, osobiście wolałbym je mieć od razu w pliku niż w trakcie przerywać lekcje aby zgrać pliki z ikonkami.

Jakub Kozakiewicz

2020-04-26

Wielka dawka praktycznej wiedzy.

Michał

2020-04-30

Niestety już się trochę zmieniło i powoli kurs staje się nieaktualny. Dużo cięć, momentami wygląda jakby jednak było to robione na sztukę.

Marcin Lewandowski

2020-04-23

Super. Polecam!

Andrzej

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Adam Romanski

Czas: 6 godzin 51 minut

Wersja: 16.8.x

Aktualizacja: 2020-05-25

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp

  • Wprowadzenie

  • Dlaczego React w praktyce?

  • Co będziemy tworzyć?

  • Czego nauczysz się w tym kursie?

Setup projektu

  • Konfiguracja projektu

  • Konfiguracja ESlint

  • Zmiana reguł ESlint

  • Konfiguracja Prettiera

  • Konfiguracja Husky i Lint-staged

Styled components

  • Wstęp do styled components

  • Styled components – konfiguracja

  • Struktura projektu

  • Przekazywanie propsów

  • Przekazywanie propsów cz.2

  • Tworzenie globalnych stylów

Storybook

  • Konfiguracja storybooka

  • Pierwszy komponent

  • Storybook knobs

  • Wstęp do atomic design

  • Theme Provider

  • Globalne zmienne

Tworzenie interfejsu

  • Komponent Input

  • Podawanie ikony jako props

  • Tworzenie molekuły karty

  • Rozbudowa komponentu karty

  • Rozbudowa komponentu karty cz.2

  • Dodawanie react router

  • Stworzenie sidebara

  • Osadzanie sidebara w aplikacji

  • Przygotowanie szablonu dla notatek

  • Przygotowanie szablonu dla notatek cz.2

  • Widok szczegółów notatki

  • Widok szczegółów notatki cz.2

  • Widok szczegółów notatki cz.3

React Redux

  • Wprowadzenie do Reduxa

  • Jak działa reducer

  • Czym jest action creator

  • Konfiguracja React Redux

  • Łączenie store z komponentem

  • Instalacja narzędzi developerskich

  • Tworzenie akcji usunięcia elementu

  • Usuwanie elementów ze store

  • Refactoring aplikacji

  • Wprowadzenie do Higher Order Component

  • Ulepszanie aplikacji dzięki HOC

  • Tworzenie panelu dodawania notatek

  • Renderowanie warunkowe i animacje

  • Dodawanie notatek

  • Konfiguracja formika

Dodawanie Backendu

  • Czym jest API

  • Lokalna konfiguracja backendu

  • Bonus - MongoDB Atlas

  • Czym jest Axios

  • Akcja logowania

  • Logowanie użytkownika

  • Pobieranie danych z backendu

  • Ekran ładowania wyników

  • Wyświetlanie pojedynczej notatki

  • Wyswietlanie pojedynczej notatki cz. 2

  • Usuwanie elementów

  • Dodawanie elementów

Podstawy testowania

  • Rodzaje testów

  • Czym jest JEST?

  • Piszemy pierwszy test