Kurs React

Wprowadzenie

Lekcje

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: 7 godzin

Wersja: 16.8.x

Aktualizacja: 2019-05-07

  • 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