Masz dar nauczania, potrafisz stopniowo i z sensem przeskakiwać od zagadnień prostych do coraz bardziej skomplikowanych. Rób dalej to co robisz (w ten sposób), a odniesiesz wielki sukces na tym polu! Dzięki Ci za to!
Dobre video. Bardzo podoba mi się to, że nie trzymasz się jednej wersji pisania kodu, tylko najpierw pokazujesz class components, potem piszesz functional component i ostatecznie dodajesz do niego hook. Dzięki temu ktoś, kto zaczyna przygodę z Reactem może zobaczyć, że nie ma jednej słusznej ścieżki, aby korzystać z Reacta. Choć coraz częściej trafiam na informacje, że powoli powinno się odchodzić od class components (tak jak odeszło się już praktycznie od używania constructora przy class components) na rzecz functional components + hooks (lub przy dużych projektach ewentualnie Redux). Szczególnie dotyczy to nowych projektów, gdzie jest szansa na napisanie kodu od razu w takiej wersji, bo przy istniejących (szczególnie od dłuższego czasu) projektach to będzie jeszcze norma, że będą tam występować class components. IMO to podejście daje chyba najbardziej czytelny kod. W mniejszym projekcie można np. użyć context hooka, który będzie odpowiadał za state i w łatwy sposób przekazać state wszystkim komponentom opakowanym w context niezależnie od stopnia ich zagnieżdżenia. W przypadku class component, w którym będzie zagnieżdżonych kilka komponentów daje to już trochę zabawy w przekazywanie state do coraz bardziej zagnieżdżonych komponentów. Planujesz jakiś odcinek o hookach?
Dzięki:) Co do constructora to faktycznie jest on tworzony automatycznie. Hooków na razie nie planuję, tzn. chciałem tylko przedstawić Reacta powierzchownie, bez dodatkowych odcinków. Chociaż zobaczymy jak to wyjdzie.
Najlepszy komentarz do tego wprowadzenia. Nie ma już żadnej potrzeby klas i brakuje mi polskiego omówienia nowszych technik w reakcie. Ale poznania wszystkiego nie można przeskoczyć. W praktyce pewnie wielu będzie musiało utrzymywać stare klasowe komponenty. Chciałem tylko wtrącić, że po nowych zmianach będzie rewolucja z use, nowa dokumentacja i będzie się tworzyło jeszcze inaczej i jeszcze klarowniej. Warto zaznajomić się z nowymi mocami już teraz :) Tak samo z innych rzeczami z T3.
bardzo przystępnie przekazane. Na pewno trzeba dobrze rozumieć JavaScript, jak z resztą wspomniałeś. U mnie dodatkowo, w zrozumieniu tego co przekazałeś pomogło doświadczenie z systemem szablonów Twig z PHP. Dzięki!
Obejrzałem kilka poradników dla początkujących z Reacta i śmiało mogę stwierdzić, że ten poradnik jest jednym z najlepszy bo w szybki i w praktyczny sposób tłumaczy oglądającemu Reacta.
Świetnie wytłumaczone. Przy hookach wymaganiem jest opowieść o przepływie stanów i danych. Problem z reaktem to zrozumienie kiedy renderuje i rerenderuje dane, montuje, demontuje lub automatycznie odświeża komponenty od zera - czasem robiąc obie rzeczy jednocześnie, bez świadomości twórcy.. Właśnie ten aspekt najbardziej mnie nurtuje, a trudno znaleźć coś tłumaczącego to całościowo i dogłębnie.
Dopiero rozpocząłem swoją przygodę z programowaniem. Na Twój kanał trafiłem przypadkiem, do tej pory korzystałem z Udemy, jaka szkoda bo sposób w jaki tłumaczysz jest niesamowicie łatwo przyswajalny. Koniecznie powinieneś bardziej rozwijać kanał na yt, tak byś zyskał ogromną sławę bo naprawdę świetnie przekazujesz wiedzę!
Dopiero zaczynam z Reactem i skończyłem samouczek na głównej stronie Reacta, lecz niewiele z niego wyniosłem. Za to ty mi troszeczkę wytłumaczyłeś. :) A teraz idę zrobić coś samemu może z tą Todo listą :P
Witaj, Kiedy Twórco Stron następna cześć kursu ( może być płatna seria ) ??? Dodam, że Masz wrodzony talent dydaktyczny, przez co sposób przekazywania wiedzy również w innych Twoich kursach jest na najwyższym poziomie ! Tak trzymać
Super tłumaczysz. Mam 2 pytania: 1) Wiesz co zrobić, żeby VS Code podpowiadał te Reactowe polecenia ? 2) Jakiego mikrofonu i oprogramowania używasz? Bardzo Cie ładnie słychać
Dzięki! 1) Każdy framework/język ma pluginy do VS code podpowiadające polecenia. Nie wiem co miałem wtedy, ale po wygooglowaniu "React code snippets" coś powinno się pojawić. 2) Blue snowball i Camtasia studio, natomiast głosu nie obrabiam w żaden sposób.
Świetny odcinek. Bardzo przyjemnie się oglądało mimo iż Reacta umiem. Ten materiał dużo bardziej nadawałby się na kanał Pasja Informatyki zamiast tego co jest o React'cie, bo tamten film to tragedia.
Świetny materiał. Dopiero zaczynam przygodę z JS i React i mam pytanie odnośnie zdarzenia dla przycisku. Czy nie można zmienić wartości isCompleted w komponencie TodoItems poprzez zmianę wartości props.element.isCompleted i przekazać do komponentu wyżej informację, że zaszła zmiana? Nie trzeba by przekazywać id i wyszukiwać elementu aby go zmienić w komponencie Todo.
Nie wiem czy dobrze rozumiem pytanie, ale nigdy nie powinniśmy zmieniać danych przekazanych jako "props". React zwróci nawet błąd, że props jest nieedytowalne. Generalnie chodzi o przepływ danych, który powinien odbywać się zawsze w jedną stronę, z góry na dół.
@@tworcastron Dzięki za odpowiedź. Mając na uwadze fakt, że props przechowuje referencje do obiektu, wydawało mi się, że można modyfikować jego zawartość. Do tej pory tak robiłem a do komponentu wyżej przekazywałem flagę, aby uaktualnić stan. Póki co wszystko działa. Takie podejście wydaje się bardziej optymalne, ale mogę się mylić.
@@Orionus83 Technicznie to może zadziałać (bo JS w swojej naturze przekazuje referencje obiektów), ale jest to antywzorzec. Ponadto w przypadu typów prostych (strig, int, bool) nie będzie przekazana referencja tylko wartość. W większym projekcie zaczną się problemy. Dodatkowo nikt nie spodziewa się takiego zachowania apki co będzie kolejnym problemem w przypadku pracy w grupie. Developerzy facebooka fajnie wyjaśniają samą ide przepływu danych w jedną stronę (flux) i dlaczego jest ona dobra th-cam.com/video/nYkdrAPrdcw/w-d-xo.html
Tu o nowościach w reakcie od deva, który rozumie go dogłębnie th-cam.com/video/iOpTdwf96NQ/w-d-xo.html Na tym kanale znajdziesz aktualne, efektywniejsze rozwiązania i dokładne wytłumaczenie mechaniki. Już same hooki są często niewłaściwie używane w różnych przypadkach. Warto wiedzieć gdzie co działa najlepiej bez nawyków hakowania i obchodzenia problemów tworząc nowe. Fajnie byłoby gdyby Polacy byli z tym na bieżąco.
Fajny materiał :) , mógłbyś tylko kod dodać tej ToDo, ponieważ ja np. mam problem z tym, że dodaje mi "zadanie" ale bez tekstu i nie wiem jak to naprawić.
Jeśli chodzi o komponent _App_ to w aktualnej wersji React jest on komponentem funkcyjnym, ale rozumiem że kiedyś domyślenie był to komponent klasowy? Widziałem kilka tutoriali nagranych rok temu i stąd moje spostrzeżenie. No ale skąd wynika taka zmiana? 🤔
Dokładnie. Szczerze mówiąc nie szukałem info. dlaczego zrobili taką zmianę. Jeśli nie potrzebujemy komponentu klasowego lepiej użyć funkcyjnego, a nie zawsze potrzebujemy klasowego - być może dlatego, ale tylko zgaduję. Dodatkowo kiedyś nie było hooków więc komponenet oparty na klasie był wymogiem, gdy chcieliśmy użyć state.
Witam, mam pytanie odnośnie kursu płatnego. Wyszedł bodajże 3 lata temu, czy był uaktualniany? Uczę się obecnie przy kursie samuraja który jest przestarzały a po skończeniu chciałbym zobaczyć coś na czasie. Z góry dziękuje za odpowiedź
Odpisuję po urlopie. W kursie jest aktualizacja do reacta v18 (czyli aktualnej wersji). Jeden moduł (o zewnętrznej bibliotece) ma parę różnic, natomiast cała reszta jest aktualna.
Cześć mam problem z odświerzaniem jakiego kolwiek kodu w visual studio code. Nawet gdy robie prostą stronne w html to gdy odświerze strone nie pojawia sie na niej nowa zawartość. Dopiero co zainstalowałem na nowo visual studio code na nowym komputerze
Czy używając Reacta z linków (3 linki, pierwszy "sposob") można podzielić appke na pliki czy niezbedna jest instalacja i "pobranie" calego Reacta u siebie? Pozdrawiam
Nie muszą. Taki był zamysł gdy powstawał React bo komponenty funkcyjne nie miały stanów, więc nawet nie dało się zrobić inaczej. Teraz kiedy są hooki to nie ma większego zastosowania.
@@tworcastron dzięki wielkie za odp. Sam preferuje komponenty funkcyjne wparte hookami gdy jest taka potrzeba (tak mnie nauczono) i bałem się, że to może być zła praktyka. Pozdr.
Szczerze mówiąc już nie pamiętam jaki to był (zmieniam co jakiś czas). Teraz mam One Dark Pro. Z pluginów wizualnych: bracket pair colorizer, material icon theme.
Mam wrażenie, że tłumaczysz sporo niepraktycznych spraw, które nie mają zastosowania w życiu codziennym, a są czystymi dywagacjami. Np. w jednym zdaniu tłumaczysz, żeby nie stosować stanów w komponentach funkcyjnych, a w drugim mówisz jak to obejść. Takie dygresje wprowadzają chaos i pomieszanie u początkującego słuchacza. Mam nadzieję, że to konstruktywny feedback. Generalnie bardzo ciekawa lekcja z tłumaczeniem składni, która może sprawiać problemy gdy szukamy samemu pewnych rozwiązań w internecie. Podziękowania za włożony wysiłek w przygotowanie lekcji.
Dzięki, chociaż nie zgodzę się z niepraktycznymi sprawami. Skupiłem się przede wszystkim na rzeczach praktycznych w Reakcie. Praca w nim jest luźna i generalnie lepiej nie używać stanów w komponentach funkcyjncyh, ale nie zawsze. Czasami mamy elementy powiązane wyłącznie z tym komponentem i wtedy użycie stanu jest uzasadnione - dlatego trzeba wiedzieć jak to obejść :)
Tytuły są bardzo płynne i nie zwacam na nie aż takiej wagi. Bardziej patrzę na umiejętności. Gdy otworzysz 10 ogłoszeń okazuje się, że w jednych jesteś middem, w innych już serniorem...
Po wpisaniu komendy npx create-react-app 'przykladowy folder' , terminal mi tworzy go natomiast występuje błąd, pobierany jest module oraz dwa pliki json
Można zapytać dlaczego w 56 minucie około dodaje się znak dolara? (przy warunkowym dodawaniu klasy) bo przepisałem kod i sprawdzałem średniki ze 100 razy i ciągle wywala mi błąd jakby nie rozumiał tej składni wgl visual :(
To jest tzw. "template string". Nie jest to nic Reactowego, zwykły JavaScript developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
Mnie też VueJS "kupił" i oczarował już praktycznie od pierwszego się z nim zetknięcia. Zakochać w React-ie cały czas próbuję, trochę bezskutecznie, chyba największy, najważniejszy, dla mnie powód by się w końcu Reacta nauczyć, to fakt, że chyba dla developerów Reacta jest więcej ofert pracy aniżeli dla developerów Vue.
Dobra... Jak w tym architekturę aplikacji budować? Jako programista desktopowy i serwerowy, który porzucił web development ponad 10 lat temu, bo był w tej "branży" sajgon - muszę powiedzieć, że teraz jeszcze większy sajgon jest. Wszystko wymieszane, logika, widok, model... Masakra jakaś. A walidacja danych? A jak mam aplikację desktop z 40 tabelami, w których jest jakieś 400 pól to dorabiając wersję webową musiał bym klepać wszystkie klasy/encje w JS na nowo...
Koło 35 minuty już zacząłeś się motać. Nagle key dodajesz bez wyjaśnienia, potem wycinasz z funkcji i dajesz button do klasy i bindowanie ni z gruszki stosujesz. I wyjasnianie dlaczego się bardziej opłaca stosować stany w klasie niz w funkcjach na poziomie dna. Jak bym nie miał pojęcia czego zamierzasz nauczyć, to wyszedł bym głupszy po tym tutorialu.
Nie zauważyłem żadnego "motania". Key wyjaśniłem dosyć dokładnie w 30 minucie. Bind też wyjaśniłem z odesłaniem do specjalnego odcinka (poświęconego właśnie bind). Nie wyjaśniałem, że stany w klasie są lepsze ani nic podobnego. Pokazałem tylko, że możne je stosować w obu przypadkach. Albo obejrzałeś inny odcinek albo oglądałeś tylko fragmenty. W takim przypadku też byłbym bardziej zdezorientowany.
Ten cały JS to jakaś padaka składniowa.. Uczę się tego jako front do Pythona i jak patrzę na kod pytona a js to zastanawiam się kto takiego potwora wymyślił 😂Rozumiem co robi każdy linia kodu chociaż nie znam js ale ciężko się to czyta.
Szczerze mówiąc to są same podstawy Reacta i jego ogólny zarys. W detale nawet nie weszliśmy. Chciałem przedstawić jak wygląda tworzenie apki w Reakcie. Gdybyśmy chcieli lecieć z tematem od podstaw i tłumaczyć wszystko dokładnie (+ same mechanizmy JSa odpowiedzialne za część rzeczy) to ten kurs musiałby mieć kilka godzin a nie 60 minut :)
@@tworcastron na początku coś tłumaczysz pisząc zły kod następnie go poprawiasz i co chwile zmieniasz. W taki sposob dla początkujacych jest trudno zapamiętać
Masz dar nauczania, potrafisz stopniowo i z sensem przeskakiwać od zagadnień prostych do coraz bardziej skomplikowanych. Rób dalej to co robisz (w ten sposób), a odniesiesz wielki sukces na tym polu! Dzięki Ci za to!
Dzięki, piona!
Świetne wprowadzenie do React'a !
Świetny materiał. Masz talent do przekazywania wiedzy.
Dzięki!
+1 Chłop będzie drugim Matemaksem
Nie znałam do tej pory React'a, ale znam JS. Było wszystko dla mnie czytelne :)
@@mbepe 😂😂😂😂😂😂😂😂
fajny kurs na poczatek! od dziś juz nic nie jest klamerka tylko "WĄSEM", spodobało mi sie to określenie! pozdrawiam
@
Najlepszy start z reactem wreszcie coś ogarniam
Świetnie dajesz materiał, masz naprawdę jakiś dar nauczania, od początku react sprawia mi trudności, oglądając ten film sporo pytań zostało rozwiązane
11010
29:57 Przecież przycisk nie jest w ul tylko w div.
Dzięki za ten film, jest bardzo przydatny :) Świetna robota. Pozdrawiam!
Dobre video. Bardzo podoba mi się to, że nie trzymasz się jednej wersji pisania kodu, tylko najpierw pokazujesz class components, potem piszesz functional component i ostatecznie dodajesz do niego hook. Dzięki temu ktoś, kto zaczyna przygodę z Reactem może zobaczyć, że nie ma jednej słusznej ścieżki, aby korzystać z Reacta.
Choć coraz częściej trafiam na informacje, że powoli powinno się odchodzić od class components (tak jak odeszło się już praktycznie od używania constructora przy class components) na rzecz functional components + hooks (lub przy dużych projektach ewentualnie Redux). Szczególnie dotyczy to nowych projektów, gdzie jest szansa na napisanie kodu od razu w takiej wersji, bo przy istniejących (szczególnie od dłuższego czasu) projektach to będzie jeszcze norma, że będą tam występować class components.
IMO to podejście daje chyba najbardziej czytelny kod. W mniejszym projekcie można np. użyć context hooka, który będzie odpowiadał za state i w łatwy sposób przekazać state wszystkim komponentom opakowanym w context niezależnie od stopnia ich zagnieżdżenia. W przypadku class component, w którym będzie zagnieżdżonych kilka komponentów daje to już trochę zabawy w przekazywanie state do coraz bardziej zagnieżdżonych komponentów.
Planujesz jakiś odcinek o hookach?
Dzięki:) Co do constructora to faktycznie jest on tworzony automatycznie. Hooków na razie nie planuję, tzn. chciałem tylko przedstawić Reacta powierzchownie, bez dodatkowych odcinków. Chociaż zobaczymy jak to wyjdzie.
Najlepszy komentarz do tego wprowadzenia.
Nie ma już żadnej potrzeby klas i brakuje mi polskiego omówienia nowszych technik w reakcie.
Ale poznania wszystkiego nie można przeskoczyć.
W praktyce pewnie wielu będzie musiało utrzymywać stare klasowe komponenty.
Chciałem tylko wtrącić, że po nowych zmianach będzie rewolucja z use, nowa dokumentacja i będzie się tworzyło jeszcze inaczej i jeszcze klarowniej.
Warto zaznajomić się z nowymi mocami już teraz :)
Tak samo z innych rzeczami z T3.
Bardzo dobre tlumaczenie.
bardzo przystępnie przekazane. Na pewno trzeba dobrze rozumieć JavaScript, jak z resztą wspomniałeś. U mnie dodatkowo, w zrozumieniu tego co przekazałeś pomogło doświadczenie z systemem szablonów Twig z PHP. Dzięki!
Dziękuje za poradnik. Bardzo dobrze tłumaczysz :) Pozdrawiam.
Obejrzałem kilka poradników dla początkujących z Reacta i śmiało mogę stwierdzić, że ten poradnik jest jednym z najlepszy bo w szybki i w praktyczny sposób tłumaczy oglądającemu Reacta.
nie moge otworzyc reacta w ten sposob wywale bledy sam materiał super
Świetnie wytłumaczone.
Przy hookach wymaganiem jest opowieść o przepływie stanów i danych. Problem z reaktem to zrozumienie kiedy renderuje i rerenderuje dane, montuje, demontuje lub automatycznie odświeża komponenty od zera - czasem robiąc obie rzeczy jednocześnie, bez świadomości twórcy..
Właśnie ten aspekt najbardziej mnie nurtuje, a trudno znaleźć coś tłumaczącego to całościowo i dogłębnie.
Dopiero teraz trafiłem na twój filmik i muszę powiedzieć, że masz chłopie skila w robieniu takich kursów! Spójny i bardzo merytoryczny materiał.
Dzięki!
Świetny, merytoryczny content. Leci subik :)
Super objaśnienie, MEGA czytelny przekaz, zwłaszcza WĄSY 👍
na prawde dobry material
świetny materiał, pozdrawiam :)
Super początek, bez instalek frameworku !!!
Nazywanie własnych tagów JSX jest wymogiem. Małe litery są zastrzeżone dla już istniejących znaczników HTML takich jak div
super!
Czy zrobisz aktualizacje kursu podstaw React ?
Dopiero rozpocząłem swoją przygodę z programowaniem. Na Twój kanał trafiłem przypadkiem, do tej pory korzystałem z Udemy, jaka szkoda bo sposób w jaki tłumaczysz jest niesamowicie łatwo przyswajalny. Koniecznie powinieneś bardziej rozwijać kanał na yt, tak byś zyskał ogromną sławę bo naprawdę świetnie przekazujesz wiedzę!
Dzięki, piona! :)
Dopiero zaczynam z Reactem i skończyłem samouczek na głównej stronie Reacta, lecz niewiele z niego wyniosłem.
Za to ty mi troszeczkę wytłumaczyłeś. :)
A teraz idę zrobić coś samemu może z tą Todo listą :P
Świetny film
Witaj, Kiedy Twórco Stron następna cześć kursu ( może być płatna seria ) ??? Dodam, że Masz wrodzony talent dydaktyczny, przez co sposób przekazywania wiedzy również w innych Twoich kursach jest na najwyższym poziomie ! Tak trzymać
Dzięki! O reakcie na pewno coś ogarnę. Obecnie mam tylko natłok pracy i mało czasu..
Super tłumaczysz. Mam 2 pytania:
1) Wiesz co zrobić, żeby VS Code podpowiadał te Reactowe polecenia ?
2) Jakiego mikrofonu i oprogramowania używasz? Bardzo Cie ładnie słychać
Dzięki!
1) Każdy framework/język ma pluginy do VS code podpowiadające polecenia. Nie wiem co miałem wtedy, ale po wygooglowaniu "React code snippets" coś powinno się pojawić.
2) Blue snowball i Camtasia studio, natomiast głosu nie obrabiam w żaden sposób.
Twórco, a będzie może odcinek o Reduksie?
Nie planowałem, ale podrzuciłeś pomysł, więc teraz kto wie :)
@@tworcastron czekamy :D
Dziękuję
Hejka, dzięki za materiał😊
Mam tylko pytanie, z czego ty najczęściej lubisz korzystać jeżeli chodzi o JavaScript?
Jeśli chodzi o front to pracuję głównie właśnie w React.js ;)
Świetny odcinek. Bardzo przyjemnie się oglądało mimo iż Reacta umiem. Ten materiał dużo bardziej nadawałby się na kanał Pasja Informatyki zamiast tego co jest o React'cie, bo tamten film to tragedia.
Dzięki, materiału z Pasja Informatyki nie widziałem ale cieszę się, że mój jest dobrze odebrany :)
To Nie
Świetny materiał. Dopiero zaczynam przygodę z JS i React i mam pytanie odnośnie zdarzenia dla przycisku. Czy nie można zmienić wartości isCompleted w komponencie TodoItems poprzez zmianę wartości props.element.isCompleted i przekazać do komponentu wyżej informację, że zaszła zmiana? Nie trzeba by przekazywać id i wyszukiwać elementu aby go zmienić w komponencie Todo.
Nie wiem czy dobrze rozumiem pytanie, ale nigdy nie powinniśmy zmieniać danych przekazanych jako "props". React zwróci nawet błąd, że props jest nieedytowalne. Generalnie chodzi o przepływ danych, który powinien odbywać się zawsze w jedną stronę, z góry na dół.
@@tworcastron Dzięki za odpowiedź. Mając na uwadze fakt, że props przechowuje referencje do obiektu, wydawało mi się, że można modyfikować jego zawartość. Do tej pory tak robiłem a do komponentu wyżej przekazywałem flagę, aby uaktualnić stan. Póki co wszystko działa. Takie podejście wydaje się bardziej optymalne, ale mogę się mylić.
@@Orionus83 Technicznie to może zadziałać (bo JS w swojej naturze przekazuje referencje obiektów), ale jest to antywzorzec. Ponadto w przypadu typów prostych (strig, int, bool) nie będzie przekazana referencja tylko wartość. W większym projekcie zaczną się problemy. Dodatkowo nikt nie spodziewa się takiego zachowania apki co będzie kolejnym problemem w przypadku pracy w grupie.
Developerzy facebooka fajnie wyjaśniają samą ide przepływu danych w jedną stronę (flux) i dlaczego jest ona dobra th-cam.com/video/nYkdrAPrdcw/w-d-xo.html
@@tworcastron Dzięki za wyjaśnienie. W takim razie zmienię podejście do modyfikacji stanu na wyżej zaprezentowane.
Tu o nowościach w reakcie od deva, który rozumie go dogłębnie th-cam.com/video/iOpTdwf96NQ/w-d-xo.html Na tym kanale znajdziesz aktualne, efektywniejsze rozwiązania i dokładne wytłumaczenie mechaniki.
Już same hooki są często niewłaściwie używane w różnych przypadkach. Warto wiedzieć gdzie co działa najlepiej bez nawyków hakowania i obchodzenia problemów tworząc nowe.
Fajnie byłoby gdyby Polacy byli z tym na bieżąco.
Fajny materiał :) , mógłbyś tylko kod dodać tej ToDo, ponieważ ja np. mam problem z tym, że dodaje mi "zadanie" ale bez tekstu i nie wiem jak to naprawić.
Niestety nie zapisałem tego kodu.
Jeśli chodzi o komponent _App_ to w aktualnej wersji React jest on komponentem funkcyjnym, ale rozumiem że kiedyś domyślenie był to komponent klasowy? Widziałem kilka tutoriali nagranych rok temu i stąd moje spostrzeżenie. No ale skąd wynika taka zmiana? 🤔
Dokładnie. Szczerze mówiąc nie szukałem info. dlaczego zrobili taką zmianę. Jeśli nie potrzebujemy komponentu klasowego lepiej użyć funkcyjnego, a nie zawsze potrzebujemy klasowego - być może dlatego, ale tylko zgaduję. Dodatkowo kiedyś nie było hooków więc komponenet oparty na klasie był wymogiem, gdy chcieliśmy użyć state.
Zauważyłem, że nie używasz średników - czy tu jest tu sama zasada co w JavaScripcie?
Tak, w końcu React to JavaScript:) Gdzieś na kanale jest też odcinek o średnikach.
Witam, mam pytanie odnośnie kursu płatnego. Wyszedł bodajże 3 lata temu, czy był uaktualniany? Uczę się obecnie przy kursie samuraja który jest przestarzały a po skończeniu chciałbym zobaczyć coś na czasie. Z góry dziękuje za odpowiedź
Odpisuję po urlopie. W kursie jest aktualizacja do reacta v18 (czyli aktualnej wersji). Jeden moduł (o zewnętrznej bibliotece) ma parę różnic, natomiast cała reszta jest aktualna.
Cześć mam problem z odświerzaniem jakiego kolwiek kodu w visual studio code. Nawet gdy robie prostą stronne w html to gdy odświerze strone nie pojawia sie na niej nowa zawartość. Dopiero co zainstalowałem na nowo visual studio code na nowym komputerze
19;00 the office swietny serial
Najlepszy:D
Świetny kurs, fajnie wytłumaczone, ogólnie zacząłem naukę na eduwebie i tam tego tak nie załapałem jak u Ciebie :)
Czy używając Reacta z linków (3 linki, pierwszy "sposob") można podzielić appke na pliki czy niezbedna jest instalacja i "pobranie" calego Reacta u siebie? Pozdrawiam
Tak, można podzielić kod na pliki. Trzeba tyko zaznaczyć, że używamy skryptów type=module.
Wygląda to podobnie jak system szablonów bladea w Laravelu, subik jednak leci. Pozdrawiam :)
Hej, jak obsłużyć płatność na stronie bez Wordpressa i WooComerce? to za pomocą PHP, jakiegoś frameworka?
Ma Pan jakiś materiał o tym trzykropku z js?
Nie
polecam poczytać o operatorach spread i rest
Ja sie nie spotkalem z tym, ze komponenty klasowe musza byc statefull, a funkcyjne stateless. Możesz mi wskazać skąd wziąłeś taką zasadę?
Nie muszą. Taki był zamysł gdy powstawał React bo komponenty funkcyjne nie miały stanów, więc nawet nie dało się zrobić inaczej. Teraz kiedy są hooki to nie ma większego zastosowania.
@@tworcastron dzięki wielkie za odp. Sam preferuje komponenty funkcyjne wparte hookami gdy jest taka potrzeba (tak mnie nauczono) i bałem się, że to może być zła praktyka. Pozdr.
Jakiego Theme używasz? i jakie masz dodatkowe pluginy które Ci pomagają wizualnie? mógłbyś je wymienić proszę?
Szczerze mówiąc już nie pamiętam jaki to był (zmieniam co jakiś czas). Teraz mam One Dark Pro. Z pluginów wizualnych: bracket pair colorizer, material icon theme.
@@tworcastron dzieki bardzo za odpowiedz
Jak stracic zaufanie widza w pierwszej mjnucie? Powiedz ze react to framework 😓 Nie chce wiedziec jakie brednie sa dalej…
Jak pokazać ignorancje? Skomentować godzinny materiał po 1 minucie. Jesteś w stanie udowodnić, że nazwanie Reacta frameworkiem jest błędem?
1) Dlaczego używamy App.css i index.css? 2) Czy to prawda, że teraz używa się głównie komponentów funkcyjnych?
1) App jest lokalny, index globalny. 2) Tak, React idzie w kierunku komponentów funkcyjnych
Mam wrażenie, że tłumaczysz sporo niepraktycznych spraw, które nie mają zastosowania w życiu codziennym, a są czystymi dywagacjami. Np. w jednym zdaniu tłumaczysz, żeby nie stosować stanów w komponentach funkcyjnych, a w drugim mówisz jak to obejść. Takie dygresje wprowadzają chaos i pomieszanie u początkującego słuchacza. Mam nadzieję, że to konstruktywny feedback. Generalnie bardzo ciekawa lekcja z tłumaczeniem składni, która może sprawiać problemy gdy szukamy samemu pewnych rozwiązań w internecie. Podziękowania za włożony wysiłek w przygotowanie lekcji.
Dzięki, chociaż nie zgodzę się z niepraktycznymi sprawami. Skupiłem się przede wszystkim na rzeczach praktycznych w Reakcie. Praca w nim jest luźna i generalnie lepiej nie używać stanów w komponentach funkcyjncyh, ale nie zawsze. Czasami mamy elementy powiązane wyłącznie z tym komponentem i wtedy użycie stanu jest uzasadnione - dlatego trzeba wiedzieć jak to obejść :)
Jakbyś miał oceniać swoje umiejętności pod względem tytułu, jesteś już seniorem? Czy mid? Jak właściwie to ocenić?
Tytuły są bardzo płynne i nie zwacam na nie aż takiej wagi. Bardziej patrzę na umiejętności. Gdy otworzysz 10 ogłoszeń okazuje się, że w jednych jesteś middem, w innych już serniorem...
Wie ktoś czy od tych trzech lat dalsza czesc kursu PŁATNEGO była aktualizowana?
Tak, jak to w opisie kursu:
Aktualizacja 08.07.2022 - zawiera dodatkowy moduł o najnowszej wersji Reacta - v18
@@tworcastron dzięki za odpowiedź. Nie doczytałam 😅
Po wpisaniu komendy npx create-react-app 'przykladowy folder' , terminal mi tworzy go natomiast występuje błąd, pobierany jest module oraz dwa pliki json
wszystko fajnie, ale mam tak starego kompa że instalowanie npm, tworzenie nowej apki i uruchomienie jej trwa u mnie łącznie z pół godziny
Można zapytać dlaczego w 56 minucie około dodaje się znak dolara? (przy warunkowym dodawaniu klasy) bo przepisałem kod i sprawdzałem średniki ze 100 razy i ciągle wywala mi błąd jakby nie rozumiał tej składni wgl visual :(
To jest tzw. "template string". Nie jest to nic Reactowego, zwykły JavaScript developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
Po obejrzeniu połowy tego filmu stwierdzam, że Vue jest w uj przyjemniejsze i czytelniejsze mimo, że coś tam umiem w vanilla js
Też się zgadzam, że Vue jest bardziej czytelny, gdy się już w niego wdroży.
Mnie też VueJS "kupił" i oczarował już praktycznie od pierwszego się z nim zetknięcia. Zakochać w React-ie cały czas próbuję, trochę bezskutecznie, chyba największy, najważniejszy, dla mnie powód by się w końcu Reacta nauczyć, to fakt, że chyba dla developerów Reacta jest więcej ofert pracy aniżeli dla developerów Vue.
Dobra... Jak w tym architekturę aplikacji budować?
Jako programista desktopowy i serwerowy, który porzucił web development ponad 10 lat temu, bo był w tej "branży" sajgon - muszę powiedzieć, że teraz jeszcze większy sajgon jest. Wszystko wymieszane, logika, widok, model... Masakra jakaś. A walidacja danych? A jak mam aplikację desktop z 40 tabelami, w których jest jakieś 400 pól to dorabiając wersję webową musiał bym klepać wszystkie klasy/encje w JS na nowo...
React jest biblioteką JS, nie frameworkiem... -,-'
Potrafisz to jakoś uzasadnić (poza definicją ze strony)?
Koło 35 minuty już zacząłeś się motać. Nagle key dodajesz bez wyjaśnienia, potem wycinasz z funkcji i dajesz button do klasy i bindowanie ni z gruszki stosujesz. I wyjasnianie dlaczego się bardziej opłaca stosować stany w klasie niz w funkcjach na poziomie dna. Jak bym nie miał pojęcia czego zamierzasz nauczyć, to wyszedł bym głupszy po tym tutorialu.
Nie zauważyłem żadnego "motania". Key wyjaśniłem dosyć dokładnie w 30 minucie. Bind też wyjaśniłem z odesłaniem do specjalnego odcinka (poświęconego właśnie bind). Nie wyjaśniałem, że stany w klasie są lepsze ani nic podobnego. Pokazałem tylko, że możne je stosować w obu przypadkach. Albo obejrzałeś inny odcinek albo oglądałeś tylko fragmenty. W takim przypadku też byłbym bardziej zdezorientowany.
Jakoś wygląda mi to na jakieś dziwne tłumaczenia. podpięte?
Dżizes... czy tylko ja mam wrażenie że ten cały React to zawracanie głowy :)
Polecam zrobić prosty test. Napisać aplikację trochę bardziej skomplikowaną niż lista todo w czystym JS a następnie, np. w Reakcie ;)
jeżu czemu to musi być takie trudne
Może ktoś z was ma podobny problem co ja przy odpalaniu npm start.. polecam utworzyć plik .env i wklejenia BROWSER=none
Kurs bez składu i ładu. Dla mnie film zupełnie nieprzydatny przez chaos panujący w nim.
Ten cały JS to jakaś padaka składniowa.. Uczę się tego jako front do Pythona i jak patrzę na kod pytona a js to zastanawiam się kto takiego potwora wymyślił 😂Rozumiem co robi każdy linia kodu chociaż nie znam js ale ciężko się to czyta.
Witam serdecznie, usłyszałem „VDOM jest szybszy”, raczej nieee :)
Operacje na wirtualnym DOMie są szybsze niż na "prawdziwym" DOMie.
Panie bable mi nie czyta
co mam zrobic?
Żeby ciągle nie bind'owac można użyć funkcji strzałkowych.
Można, tłumaczę to w 39:19 ;)
9:38 nie do͞om tylko po prostu DOM, taka gra DOOM to do͞om. Dwa o to jest u.
A później już DOM mów...
@@Nozukamifuto ok, spoko ;)
@@tworcastron Adaś nie denerwuj się tylko kulturalnie. Tak proszę Pana, dziękuje proszę Pana, może herbatki proszę Pana ?
react doom
Ile literówek... Tak nie można robić kursów, bo się człowiek ciągle myli.
ten sam kurs z udemy krotko i z misspeling
Dobre, ale lekko zagmatwane.
Tytuł troszkę niezgodny z prawdą
Dlaczego?
@@tworcastron bo jest 66 min
@@dariuszg9991 Musiało pasować do serii. Można przyjąć, że kurs trwał 60 minut a pozostałe 6 to moje gadanie niedotyczące reacta ;)
Plus za "Bardzo szybki sposób żeby zacząć pracę z reactem" poprzez podpięcie zewnętrznych bibliotek
glos podobny do kanalu o wszystkim... hmm :)
Nie znałem, aż z ciekawości wszedłem zobaczyć:D
React to nie framework tylko biblioteka!!!
Tworco, jedziesz za szybko, ten kurs to odswiezenie React_detali dla juz znajacych temat - dla odkrywajcych Reacta ... hmmm :(
Szczerze mówiąc to są same podstawy Reacta i jego ogólny zarys. W detale nawet nie weszliśmy. Chciałem przedstawić jak wygląda tworzenie apki w Reakcie. Gdybyśmy chcieli lecieć z tematem od podstaw i tłumaczyć wszystko dokładnie (+ same mechanizmy JSa odpowiedzialne za część rzeczy) to ten kurs musiałby mieć kilka godzin a nie 60 minut :)
Hooks czyli Hooki xD
REAC5 BOŻE JAK JA TEGO ZA CH00JA NIEMAWIDZE
На
Zamiast tłumaczyć wszystko w dobry sposób na początku to mieszasz gosciu i nie wiadomo co robic. Najgłupszy sposob nauki jaki widziałem z reacta na yt
a jak to jest w dobry sposób?
@@tworcastron nie wprowadzac juz na początku w błąd , tylko po tym dopowiedziec alternatywy . Tak to jest w dobry sposób
@@frezzy2998 a w jaki błąd wprowadzam?
@@tworcastron na początku coś tłumaczysz pisząc zły kod następnie go poprawiasz i co chwile zmieniasz. W taki sposob dla początkujacych jest trudno zapamiętać
@@frezzy2998 a który kod był zły?
gadasz troche jak tiger bonzo bez wady wymowy
Mysle ze lepiej by bylo gdybys zawsze wymawial JavaScript, a nie JavaSkrypt
ty dziadzie