React jest w zasadzie tylko biblioteką do renderowania elementów i JavaScript jest w nim kluczowym językiem programowania. W wielu firmach używa się już TypeScriptu, ale myślę, że warto skupić się teraz na czystym JS, żebyś później docenił TS i nie błaźnił się na przyszłych interview.

Co do sensu używania JS to chodzi tu przede wszystkim o automatyzację. Jak wyobrażasz sobie stworzenie takiego portalu jak chociażby Hejto tylko w HTML i CSS? Użytkownicy będą pisać do ciebie maila z komentarzami, a ty będziesz to skrzętnie osądzał pod każdym postem? No chyba nie bardzo. JavaScript obsługuje interakcje z użytkownikiem i komunikuje się z serwerem na którym przechowywanie są wszystkie dane. Te dane później są pobierane przez front-end i renderowane (np. z pomocą Reacta) w przeglądarce. React pozwala na upakowanie treści/logiki w niezależne komponenty np. komentarz pod wpisem. Dużo by się rozwodzić.

Do JavaScriptu polecam stronę MDN (angielski zalecany):

https://developer.mozilla.org/en-US/docs/Learn

Do Reacta oficjalna dokumentacja daje radę na start:

https://reactjs.org/tutorial/tutorial.html

@Jayes spoko tylko srednio zrozumiales o co pytam, bo te zdanie o hejto w html/css jest zdeczka smieszne a ja wprost pytalem np o to jak pozycjonujesz pozniej te elementy/komponenty stworzone w reakcie na stronie - jakims csssem linkowanym do danego htmla (?) itd. z tego co rzucilem okiem na podstawy reacta to przy bardziej statycznych stronach typowo firmowych (bez bazy userow) w zasadzie niekoniecznie jest sens tego uzywac.

anyway rozumiem ze pracujesz jako frontendowiec - nie wydaje ci sie obecnie ten tech rozjebany jeszcze bardziej niz zwykle? pure html/css, do niego x frameworkow, ale jednoczesnie w calosci mozna pisac wszystko w reakcie do ktorego jest jeszcze x bzdur, oprocz reacta vue/angular i inne pierdoly

@blablator Jeszcze jest Svelte i SvelteKit. Polecam sprawdzić, bo to najbliższe czystego html + css + js.

Dodatek od Svelte to pewna reaktywność, binding, store i składnia list generowanych z tablicy. Tak z grubsza. Reszta to czysty html+css+js.

A React i ten jego virtual dom, i cuda typu CSS-in-JS, to nieco przekombinowane. No ale popularne...

@wombatDaiquiri API hejto jest dostępne od jakiegoś roku

@neczar Spokojnie ucz się Reacta. Nawet jak przestanie być używany, to sporo konceptów z niego już pewnie zostanie na stałe, np. hit ostatniego roku - SolidJS bardzo przypomina Reacta. Zresztą, framework to tylko narzędzie i z czasem zauważysz, że to nie ma znaczenia, czego się uczyłeś. Wiadomo, są pewne tajniki wiedzy typowe dla danych rozwiązań, ale jak umiesz dowolny framework JS, to nie powinieneś mieć problemu przeskoczyć z Reacta na Angulara czy Vue, czy cokolwiek nowego, co powstanie.

@neczar Z mojej perspektywy warto, ponieważ:

• ma niski próg wejścia,
  

• jest na niego duże zapotrzebowanie,
  

• jest stale rozwijany i ma silne plecy (Meta),
  

• duże organizacje jak już raz się zorientowały na jakąś technologię to nie będą jej szybko zmieniać (u mnie w projekcie przechodzimy teraz z kodu pisanego z wykorzystaniem komponentów klasowych na funkcyjne)
  

• szkolenia dotyczące zagadnień FE np architektury aplikacji czy testowania omawiają temat wykorzystując do tego reacta (chociaż same zagadnienia wykraczają poza jego ramy) np: architekturanafroncie (polecam)
  

• tak jak wspomniał @kalimer, sporo bibliotek i wzorców projektowych powtarza się w innych frameworkach - łatwiej się w tym później odnaleźć

#2jednostkowe0integracyjnych jedyne za co zerkałem na wykopa to ten tag (i jeszcze #gifyzdorysowanymiraczkami

@Melonusk https://github.com/ben-rogerson/twin.macro pozwala na połączenie Tailwinda ze styled-components, emotion i innymi bibliotekami.

Dzięki temu używając Tailwinda możesz tworzyć ostylowane komponenty i po prostu je importować z innego pliku zamiast zaśmiecać DOM długimi className'ami. Jeśli chcesz nadal możesz używać Tailwinda w DOM, tylko zamiast w className umieszczasz go w atrybucie "tw", więc przy istniejącym projekcie trochę trzeba zrobić w ramach migracji.

Dopiero wczoraj odkryłem tę bibliotekę, bo tak jak ty chciałem uporządkować trochę DOM bez porzucania Tailwinda, więc jeszcze nie wiem czy jest coś lepszego i jakie potencjalne problemy mogą wyjść przy używaniu tego. W readme są przykładowe projekty w różnych technologiach, więc można szybko sprawdzić i się pobawić.

@Kamil.js Cirkawe rozwiązanie, sprawdze na pewno chociaż mam awersję do styled components z powodu częstych problemów z typowaniem

@Kamil.js Stosowałem i efekt będzie taki sam jak stosowanie @apply, czyli odpada.

Czapki z głów!

@lktr1 Bardzo chętnie pomogę klikać front angularowy. Mam 4 lata expa.

@lktr1 jesli jedbak bylby php na backendzie to masz moje ide i klawiaturę

@sorek To byłem ja ( ͡° ͜ʖ ͡°) Przez problemy z dziewczyna i rodzicami musiałem wrócić do PL. No i zaraz po powrocie stwierdziłem, ze może zacznę się uczyć programowania. I tak już minęło prawie 6.5 roku ( ͡° ͜ʖ ͡°)

@BrodatyChleb i super, bardzo Cię miło spotkać w necie po tylu latach Na wykopie Cię nie widziałem ale ja tam pamiętam wszystkich (po nickach xD Nie po imionach xDD)

Bardzo fajnie, że Ci leci. Akat szukam frontendovca do mojego projektu chociaż pewno z Twoim doświadczeniem to od roboty się odpędzić nie możesz

@sorek na wykopie byłem przez jakiś czas aktywny na #gownowpis, a tak to tylko lurkuje. Tu pewnie skończy się tak samo ( ͡° ͜ʖ ͡°)

Jak coś małego/krótkiego/whatever to zapraszam na PM. Aktualnie wspieram 3 firmy XD

@sayda nie znam się na windows (od lat nie używam), ale zdaje mi się, że składnia jest %zmienna%=wartość

@sayda od razu zainstaluj sobie Windows Subsystem for Linux i przejdź na pełne środowisko Linuxowe zamiast bawić się Git Bashem:

https://learn.microsoft.com/en-us/windows/wsl/install

@mike-litoris @Meverth @Strus dzięki wielkie za odpowiedzi!

@Strus wiadomo myślałem, że może będę w stanie zmniejszyć zużycie zasobów i zyskać lepszą wydajność, ale jak się nie da to się nie da

@Kris - Twoja ulubiona społeczność

Coś dla Ciebie @Kris

@Bezkres W ogóle to ciekawa społeczność! Proszę o więcej takich postów!

@Bezkres Super, więcej takich wpisów! Na pewno będę obserwował

@SadamMasher to powinno mieć tag #keming (#pdk)

@SadamMasher śmiesznie jest

@Miszcz_Joda a u mnie to tak widać, różnica jest