1.9 Zanim zaczniemy z ESLint | React od podstaw v1

https://hook.eu1.make.com/l745h29yrjj2pp78eyrh4ppj5qxrgqet

Lekcja tekstowa

Przed startem upewnij się, że masz zainstalowaną tę wtyczkę do VSCode:

Wtyczka ESLint do VSCode: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Upewnij się też, czy status ESLint pojawia się na dole w pasku programu. Jeśli nie, musisz wejść w ustawienia VSCode, wpisać eslint, a nastepnie upewnić sie, że masz zaznaczony checkbox "Always show the ESLint status bar item."

‍

Lekcja audio

Przed startem upewnij się, że masz zainstalowaną tę wtyczkę do VSCode:

Wtyczka ESLint do VSCode: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Upewnij się też, czy status ESLint pojawia się na dole w pasku programu. Jeśli nie, musisz wejść w ustawienia VSCode, wpisać eslint, a nastepnie upewnić sie, że masz zaznaczony checkbox "Always show the ESLint status bar item."

‍

Zadanie

Przed startem upewnij się, że masz zainstalowaną tę wtyczkę do VSCode:

Wtyczka ESLint do VSCode: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Upewnij się też, czy status ESLint pojawia się na dole w pasku programu. Jeśli nie, musisz wejść w ustawienia VSCode, wpisać eslint, a nastepnie upewnić sie, że masz zaznaczony checkbox "Always show the ESLint status bar item."

‍

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Uwaga! Istnieje nowa wersja tego Kursu - Szkoła Reacta 2.0. Sprawdź, czy program z tego kursu jest dla Ciebie odpowiedni - jeśli pracujesz z legacy aplikacjami, to na pewno skorzystasz. Jeśli interesuje Cię bardziej nowoczesny stack, wybierz Szkołę Reacta 2.0.

Nauczysz się Reacta krok po kroku, od podstaw aż po zaawansowane zagadnienia
Zdobędziesz umiejętności potrzebne do awansu i podwyżki
Jeśli dopiero zaczynasz karierę w IT, to zmienisz pracę na lepszą - zdobędziesz wymagane doświadczenie

Patryk Omiotek

Jestem Senior Fullstack Developerem specjalizującym się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js, NestJS. Realizowałem wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.

Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener IT. Prowadzę też szkolenia dla programistów w Bottega IT Minds, firmie która zrzesza najlepszych ekspertów IT. Jestem także pomysłodawcą i założycielem Szkoły Reacta oraz kanału Web Amigos na YouTube.

Na codzień oprócz kodowania, zajmuję się weryfikacją IT, czyli w trakcie procesów rekrutacyjnych sprawdza poziom wiedzy kandydatów na stanowiska Junior, Regular, jak i Senior developerów.

React od podstaw v1

99%

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.4 Ustawienia edytora

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.5 Przygotowanie środowiska

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.6 Korzystanie z NPM cz. 1

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.7 Korzystanie z NPM cz. 2

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.8 Stworzenie pierwszej aplikacji

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.9 Zanim zaczniemy z ESLint

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.10 Konfiguracja ESLint

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.11 Konfiguracja testów

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.12 Startujemy projekt

1. Wprowadzenie

13

lekcja

lekcje

lekcji

radio_button_unchecked

1.13 Zadania do realizacji

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.1 Po co korzystać z komponentów?

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.2 Stworzenie pierwszego komponentu

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.3 Komponenty funkcyjne

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.4 Czym jest JSX?

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.5 Pisanie HTML w JSX

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.7 Komponenty klasowe

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.8 Stan komponentów

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.9 DOM vs Virtual DOM

2. Komponenty

10

lekcja

lekcje

lekcji

radio_button_unchecked

2.10 Zadania do realizacji

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.1 Wprowadzenie

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.2 Struktura plików i katalogów

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.3 Struktura plików i katalogów - podział domenowy

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.4 Struktura plików i katalogów - atomic design

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.5 Struktura plików i katalogów - pages

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.7 Kompozycja komponentów

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.8 Tworzenie szablonu aplikacji za pomocą komponentów

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.9 Komponenty bezstanowe

3. Struktura aplikacji

10

lekcja

lekcje

lekcji

radio_button_unchecked

3.10 Zadania do realizacji

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4.1 Zdarzenia - wprowadzenie

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4.3 Bindowanie zdarzeń

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4.4 Obsługa stanu komponentu

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4.5 Obsługa stanu komponentu - hooki

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4.7 Refy - hooki, useRef

4. Zdarzenia, Refy, Bindowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

4.8 Zadania do realizacji

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.1 Komponenty kontrolowane

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.2 Komponenty niekontrolowane

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.3 Dumb components

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.4 Przepływ danych

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.5 Cykl życia komponentów

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.6 Cykl życia komponentów - hook useEffect

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.7 React router v5

5. Budowa interfejsu

8

lekcja

lekcje

lekcji

radio_button_unchecked

5.8 Zadania do realizacji

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6. Obsługa formularzy

9

lekcja

lekcje

lekcji

radio_button_unchecked

6.9 Zadania do realizacji

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7.4 Props style

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7.5 CSS w JavaScript

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7.6 Biblioteka classnames

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7.7 Styled-components

7. Stylowanie

8

lekcja

lekcje

lekcji

radio_button_unchecked

7.8 Material UI

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.1 Wprowadzenie do CodeSandbox

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.2 Wprowadzenie do REST API

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.3 REST API vs GraphQL

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.4 Szybka powtórka z Promisów

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.5 Jak korzystać z publicznych API?

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.6 Jak korzystać z API w projekcie?

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.7 Interfejs dynamiczny i dane

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.8 Własna biblioteka do API

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.9 REST API i hooki

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.10 REST API i routing

8. Komunikacja z REST API

11

lekcja

lekcje

lekcji

radio_button_unchecked

8.11 Zadania do realizacji

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.1 Composition over inheritance

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.2 Context API

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.3 Komponenty wyższego rzędu (HoC)

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.4 Abstrakcja stanu od widoku

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.5 Compound Components

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.6 Własne hooki

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.7 Render Props

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.8 Popularne antywzorce

9. Wzorce w React

9

lekcja

lekcje

lekcji

radio_button_unchecked

9.9 Zadania do realizacji

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.1 React Dev Tools i profilowanie

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.2 Profiler API

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.3 Property key – właściwe użycie

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.4 Sterowanie renderowaniem za pomocą shouldComponentUpdate

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.5 Pure components

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.6 React.memo

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.7 Hook useMemo

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.8 Hook useCallback

10. Optymalizacja

9

lekcja

lekcje

lekcji

radio_button_unchecked

10.9 React Lazy i Suspense

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.2 Wprowadzenie

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.3 Frontend & Backend cz.1

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.4 Frontend & Backend cz.2

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.5 Elementy Next.js

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.7 Pierwszy projekt

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.8 Struktura aplikacji

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.9 Routing cz. 1.

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.10 Routing cz. 2

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.11 Routing cz. 3

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.12 Link cz. 1

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.13 Link cz. 2

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.14 Link cz. 3

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.16 Pobieranie danych

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.17 Statyczne propsy

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.18 Propsy z serwera

11. Next.js

19

lekcja

lekcje

lekcji

radio_button_unchecked

11.19 API routes

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.1 Wprowadzenie

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.2 White box vs Black box

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.3 Asercje testing library

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.4 Test driven development

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.5 Testy jednostkowe (unit tests)

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.6 Implementacja na podstawie testów

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.7 Aplikacja do testowania

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.8 React Testing Library

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.9 Refactor na podstawie testów

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.10 Mockowanie API

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.11 Testowanie komponentów w kontekście

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.12 Mock Service Worker

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12. Testowanie aplikacji

14

lekcja

lekcje

lekcji

radio_button_unchecked

12.14 Zadania do realizacji

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.2 Dokumentacja

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.3 Wprowadzenie cz. 1

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.4 Wprowadzenie cz. 2

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.5 Pierwszy projekt

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.6 Typy i interfejsy

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.7 React i TypeScript cz. 1

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.8 React i TypeScript cz. 2

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.9 React i TypeScript cz. 3

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

13.10 React i TypeScript cz. 4

13. TypeScript

11

lekcja

lekcje

lekcji

radio_button_unchecked

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.1 Wprowadzenie

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.2 Flux i zarządzanie stanem aplikacji

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.3 Własny Redux w aplikacji

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.4 Architektura aplikacji a Redux

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.5 Action creators

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.7 Zarządzanie stanem aplikacji

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.8 Biblioteka react-redux

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.9 Komponent Provider z react-redux

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.10 Funkcja Connect react-redux

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.11 Thunks i redux-thunk

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.12 Redux Dev Tools

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.13 Redux-persist

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.14 Redux-form

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.15 Redux-saga

14. Redux

16

lekcja

lekcje

lekcji

radio_button_unchecked

14.16 Zadania do realizacji

15. Deployment

6

lekcja

lekcje

lekcji

radio_button_unchecked

15.1 Budowanie projektów pod wykorzystanie produkcyjne

15. Deployment

6

lekcja

lekcje

lekcji

radio_button_unchecked

15. Deployment

6

lekcja

lekcje

lekcji

radio_button_unchecked

15.3 Deployment na GitHub Pages

15. Deployment

6

lekcja

lekcje

lekcji

radio_button_unchecked

15.4 Deployment na Heroku

15. Deployment

6

lekcja

lekcje

lekcji

radio_button_unchecked

15.5 Deployment na Firebase Hosting

15. Deployment

6

lekcja

lekcje

lekcji

radio_button_unchecked

15.6 Inne destynacje deploymentu

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.1 Jak zrobić profil na LinkedIn, który pokochają rekruterzy?

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.2 Jak robić programistyczne CV

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.3 Rozmowy rekrutacyjne

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.4 Techniczne rozmowy rekrutacyjne

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.5 Mini szkolenie z gita

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.6 Wprowadzenie do gitflow

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.7 React.js & Airtable cz. 1

16. Materiały dodatkowe

8

lekcja

lekcje

lekcji

radio_button_unchecked

16.8 React.js & Airtable cz. 2