Pobieranie danych z API z ReactJS
41:56
Czym są te hooki i propsy w ReactJS?
25:38
Generowanie projektu ReactJS z Vite
26:53
Пікірлер
@magdalenasadowska7065
@magdalenasadowska7065 5 ай бұрын
dlaczego mówisz, że teraz nie ma Object.assign() przecież js utrzymuje kompatybilność wsteczną
@wilkubonezip
@wilkubonezip 7 ай бұрын
Kurcze niby kurs 2 lata temu a dzisiaj z powodu package-lock.json nie moge zaistalowac ostatniej paczki z poczatku tutoriala ze style components :(
@wilkubonezip
@wilkubonezip 7 ай бұрын
Czy mozna prosic link do Dc? Obecny nie dziala. Pozdrawiam
@wilkubonezip
@wilkubonezip 9 ай бұрын
Witam. Czy można prosić nowy link do DC? Obecny wygasał...
@wilkubonezip
@wilkubonezip 9 ай бұрын
Niestety przy próbie instalacji projektu z polecenia yarn mam error, a przy inicjalizacji z npm-a pojawiają się kolejne błędy podejrzewam, że właśnie przez błędną konfigurację...
@wojciechsobiesiak
@wojciechsobiesiak 9 ай бұрын
A settimeoutami i setinterval tego wszystkiego nie ogarnę?
@roberturbanski2797
@roberturbanski2797 9 ай бұрын
za płytko, same podstawy
@roberturbanski2797
@roberturbanski2797 9 ай бұрын
58:19 :DDDD Nie ruszaj swojej starej przez referencję :D:D:D
@dzienisz
@dzienisz 10 ай бұрын
Dodajcie rozdziały do tego materiału, proszę <3
@dapolcio3405
@dapolcio3405 10 ай бұрын
JS z silnikiem V8 jest już kompilowany w zależności od implementacji. Taki Google Maps nie miał by szans działać jezyku interpretowanych.
@wilkubonezip
@wilkubonezip 10 ай бұрын
Świetne. Można świeży link na DC? Ten z opisu nie działa. Pozdrawiam
@mpaw1992
@mpaw1992 Жыл бұрын
świetne podsumowanie wiedzy z js, genialna robota :) i super zrozumiałe tłumaczenie
@Aspartamman
@Aspartamman Жыл бұрын
Bardzo wartościowy odcinek. PS # to hasz a nie hasztag. Tak to jest to co znajduję się za tym znakiem. :)
@ukaszRozyo
@ukaszRozyo Жыл бұрын
Dziękuję - bardzo dobry! Oby więcej takich!
@kamgdy89
@kamgdy89 Жыл бұрын
Jeśli chodzi o strukturę plików i np. mam folder pages a w nim kolejne foldery np. page1, page2 itd., jeśli w tych folderach mam index.tsx i w tym index.tsx name export dla głównego komponentu to jest to błąd?
@codemaskacademy7210
@codemaskacademy7210 Жыл бұрын
Nie jest to błąd, bo cała apka zadziała. Jest to jednak zła praktyka. W indexach importujemy / exportujemy inne funkcje/consty/typy/componenty tak aby ułatwić sobie importowanie modułów w innych miejscach
@wojciechcieslik4403
@wojciechcieslik4403 Жыл бұрын
Bardzo dobry materiał, mega mi pomógł!
@usdrealmano9897
@usdrealmano9897 Жыл бұрын
Jaka jest przewaga stylowania w react a stylowania klasycznie w plikach scss? Nie widzę za bardzo sensu używania stylowania w react...
@jacekpudysz7071
@jacekpudysz7071 Жыл бұрын
Masz wszystko w jednym pliku (jak JSX), nie masz problemu z globalnymi stylami tj. jakiś selektor nadpisuje Ci coś w komponencie, możliwość zmiany styli np. koloru podczas zmiany propsów i wiele innych :)
@AndrzejMazurEznawca
@AndrzejMazurEznawca Жыл бұрын
Co to za totalna bzdura, aby wszędzie używać operatora identyczności zamiast porównania.
@jacekpudysz7071
@jacekpudysz7071 Жыл бұрын
Panie Andrzeju, nigdy w swojej karierze nie użyłem podwójnego operatora porównania. Jaki jest jego plus nad operatorem potrójnym? Od lat piszemy już przecież w TypeScript i nigdy nie dojdzie do sytuacji, że porównuje Pan wartości o różnych typach. Proszę podać przykład gdzie go Pan wykorzystuje, bo jak dla mnie jest to martwy operator. Pozdrawiam
@AndrzejMazurEznawca
@AndrzejMazurEznawca Жыл бұрын
@@jacekpudysz7071 Gdyby jedynym słusznym operatorem byłby operator identyczności, to po prostu operator porównania działałby jak operator identyczności. A jednak w językach skryptowych/interpretowanych mamy dwa operatory i to nie jest przypadek. Generalnie powinniśmy używać operatora porównania z wyjątkiem miejsc, gdy niezbędne jest użycie operatora identyczności. Więc co do przykładu, powałem wyżej wszędzie z wyjątkami. A pytanie mógłbym odwrócić, gdzie potrzeba użyć operatora identyczności? A tu odpowiedź może być bardzo konkretna, są specjalne tabele do znalezienia w sieci.
@jacekpudysz7071
@jacekpudysz7071 Жыл бұрын
@@AndrzejMazurEznawca niestety ale nie zgodzę się z Panem. JavaScript ma wiele bezużytecznych funkcjonalności ze względu na to że nie był dokładnie przemyślany i powstał w latach 90. Jeżeli tworzymy wielkie aplikacje to jak ognia chcemy uniknąć porównywania wartości o różnych typach. Tak jak wspomniałem wcześniej i tak z pomocą TypeScript nie dojdzie do sytuacji że wykonamy takie porównanie. Operator podwójnego porównania powoduje błędy, które później ciężki znaleźć. Unikam go jak ognia i również nie bez powodu powstały specjalne reguły w eslint, które traktują to jako błąd. Odpowiadając na odwrócone pytanie - gdzie trzeba użyć operatora identyczności? Wszędzie, jeśli chcemy pisać dobry kod.
@AndrzejMazurEznawca
@AndrzejMazurEznawca Жыл бұрын
@@jacekpudysz7071 Odpowiedziałem na to pytanie, ale podąłem link do sanboxa "onlinephp" i chyba automat, ukrył moją odpowiedź i lezy w spamie.
@jacekpudysz7071
@jacekpudysz7071 Жыл бұрын
@@AndrzejMazurEznawca niestety nie dostałem żadnego powiadomienia, nie widzę też opcji akceptacji takiego komentarza
@mateusz5564
@mateusz5564 Жыл бұрын
Pytanie #25 async/await vs Promise: await chyba zablokuje jakby cały kod poniżej await w funkcji asynchronicznej a nie "cały JavaScript"?
@jacekpudysz7071
@jacekpudysz7071 Жыл бұрын
Jasne, masz rację to był skrót myślowy 😊 Nie blokujemy całego JS tylko context tej funkcji. Wszystkie animacje i interakcja z użytkownikiem działa nieprzerwanie.
@enko3934
@enko3934 2 жыл бұрын
a czemu nie useRef tylko React.createRef?
@marcink6693
@marcink6693 2 жыл бұрын
Jak się jest słabo z JavaScriptem to warto napierdzielać codewarsy, to dużo pomaga i rozwija
@belkocik
@belkocik 2 жыл бұрын
Po tym kursie wyciągnąłem dużo wartościowych rzeczy. Dziękuje! :-)
@codemaskacademy7210
@codemaskacademy7210 2 жыл бұрын
Dzięki za feedback!
@adamnauka7803
@adamnauka7803 2 жыл бұрын
Naprawdę wartościowy materiał, można się sprawdzić i wiele nauczyć. Naprawdę świetnie by było kontynuować to w mini serii, z chęcią obejrzałbym "Pytania rekrutacyjne React Developer (Edycja 2022)
@kacperzielinski9473
@kacperzielinski9473 2 жыл бұрын
Oby więcej takich filmów :)
@Zawodowieec
@Zawodowieec 2 жыл бұрын
Cześć, pracuję na co dzień z Reactem i chętnie obejrzę ten kurs - może się dowiem coś ciekawego! Pozdro!
@belkocik
@belkocik 2 жыл бұрын
Bardzo fajnie i zrozumiałe przedstawione. Moje pytanie: w jakich sytuacjach używać async await, a kiedy zwykłych promisów które nie blokują event loopa i kiedy ma to znaczenie?
@codemaskacademy7210
@codemaskacademy7210 2 жыл бұрын
To właśnie zależy od sytuacji. Jeśli np. zrobisz request do API o dane użytkownika to Twoja logika może być tak skonstruowana że warto zaczekać na odpowiedz (async/await) aby iść dalej. Z drugiej strony jeśli w danej chwili może zdarzyć się wiele niezależnych rzeczy np. pobierasz usera ale w tle chcesz pobrać notyfikacje to nie musisz na to czekać (promise). Nie ma złotej reguły, wszystko zależy od tego jak to zaprojektujesz
@belkocik
@belkocik 2 жыл бұрын
Będzie druga wersja z pokazaniem przykładowego kodu do omawianego pytania?
@codemaskacademy7210
@codemaskacademy7210 2 жыл бұрын
Mogę taką przygotować ☺️
@belkocik
@belkocik 2 жыл бұрын
@@codemaskacademy7210będzie co notować 🤓
@cezarylachut4428
@cezarylachut4428 2 жыл бұрын
tego kursu szukalem po inetsywnej nauce TS -> mielec ; - )
@dalem9299
@dalem9299 2 жыл бұрын
𝕡𝐫o𝕄o𝔰𝓶 ✨
@grx3k363
@grx3k363 2 жыл бұрын
Jacula aleś ty mi dzisiaj zaimponował tym materiałem
@Kasia13344
@Kasia13344 2 жыл бұрын
Świetny filmik. Na spokojnie wszystko tłumaczone bardzo zrozumiale, a powtarzanie zagadnień bardzo przyspiesza zapamiętywanie ich, dzięki!
@Flowman1991
@Flowman1991 2 жыл бұрын
Content mega spoko, tak uważam. Jedyne co przeszkadza to wyświetlanie wszystkich elementów edytora zamiast samej sekcji do wprowadzania kodu. Z tego powodu film jest dość średnio przystępny bo jest mało widoczny.
@jacekpudysz7071
@jacekpudysz7071 2 жыл бұрын
Dzięki wielkie za feedback! Niestety cały kurs został już nagrany w taki a nie inny sposób.. na czym go oglądasz? Bo na monitorze 27” w wysokiej rozdzielczości widać dokładnie każdą sekcję. Nagrywałem go na monitorze 5K w rozdzielczości 2K z myślą o szczegółach
@Flowman1991
@Flowman1991 2 жыл бұрын
@@jacekpudysz7071 ja oglądam akurat na 24' przy pełnym widoku. Ale np. na ekranie od lapka 17' nie jest już komfortowo. Nie chce nawet myśleć jak jest na mniejszych matrycach. Ogólnie nie jest tak, że się nie da oglądać, ale na pewno przystepniej byłoby widzieć dokładniej każdy poruszany etap wprowadzania zmian. Poruszasz tematy będące w topce obecnych wymagań pracodawców pod Reacta, pozatym masz dobrą dykcję i widać że rozumiesz co pokazujesz. Szkoda tylko, że nie ogarniam jeszcze TS'a.
@jacekpudysz7071
@jacekpudysz7071 2 жыл бұрын
@@Flowman1991 wezmę Twoje uwagi pod uwagę przy nagrywaniu kolejnego kursu. TypeScript to tylko metadane o typach wiec nie musisz się na nim aż tak skupiać. A co do tematów to sam programuje i sam rekrutuje zawodowo wiec staram się dobierać tematy na czasie 😊
@Flowman1991
@Flowman1991 2 жыл бұрын
@@jacekpudysz7071 Czuć dydaktyczne podejście :) Podopieczni z mniejszym doświadczeniem, na pewno to docenią. Rób dalej swoje bo robisz to zwyczajnie dobrze.
@Flowman1991
@Flowman1991 2 жыл бұрын
Content spoko, ale przybliż widok bo, żeby się doczytać trzeba włożyć głowę w ekran.
@grx3k363
@grx3k363 Жыл бұрын
Jak oglądasz na wyświetlaczu od smartwacha to sie nie dziw że nic nie widzisz xD
@Squarit1
@Squarit1 2 жыл бұрын
Bardzo dobra robota, byle tak dalej. Jeszcze idealnie mogę się utożsamić bo też Rzeszów ;)
@marcinwarias9686
@marcinwarias9686 2 жыл бұрын
Dlaczego w 24:00 eksportujesz komponent znajdujący się w innym pliku? Myślałem, że błąd który się pojawił wynika z tego, że powinien być tam import ale skoro później zniknął to mógłbyś wytłumaczyć jak to działa?
@codemaskacademy7210
@codemaskacademy7210 2 жыл бұрын
Jasne, to celowy zabieg i już tłumaczę. Jak pewnie wiesz od ES6 każdy plik jest zamkniętym modułem. Innymi słowy oznacza to, że jeżeli jawnie nie zrobisz export to ta zmienna/stała nie będzie widoczna w innym pliku. Z tego powodu dodałem export na componencie App. I teraz zamiast pisać w index.ts import to mogę to pominąć i zrobić export. Jeżeli zapisze to w taki sposóbjak w 24:00 to jednocześnie zaimportuje App i wyeksportuje w górę. A dlaczego tak robie? Aby uzyskać absolutne ścieżki o których będzie mowa w lekcji 5. Na tą chwilę wystarczy że będziesz wiedzieć że pliki index służą do dalszego eksportowania w górę. Nie musimy pisać 2 linijek import a potem export a wystarczy jedna z samym export.
@marcinwarias9686
@marcinwarias9686 2 жыл бұрын
@@codemaskacademy7210 aaa to już wszystko jasne. Nie wiedziałem, że jednym zapisem można jednocześnie importować i eksportować. Dzięki!
@saskia3676
@saskia3676 2 жыл бұрын
Oby tak dalej
@michaskowron9482
@michaskowron9482 2 жыл бұрын
pada śnieg teraz w Rzeszowie :)
@greg.krzemien
@greg.krzemien 2 жыл бұрын
podobno pada w Rzeszów
@michaskowron9482
@michaskowron9482 2 жыл бұрын
rewelacyjny filmik
@greg.krzemien
@greg.krzemien 2 жыл бұрын
super
@psz6676
@psz6676 3 жыл бұрын
Ekstra!
@kacperwiacek6413
@kacperwiacek6413 3 жыл бұрын
Bardzo ciekawy początek. Naprawdę przyjemnie prowadzone. Z zaciekawieniem oglądałem do końca!
@adammoskal1881
@adammoskal1881 3 жыл бұрын
Pierwsza lekcja świetnie poprowadzona, nie mogę się doczekać kolejnej 🙂
@danielszaas7768
@danielszaas7768 3 жыл бұрын
👏
@psz6676
@psz6676 3 жыл бұрын
Super!👏🏻