Uczę się od pewnego czasu reacta i mam pewne pytanie. Jak to przekombinowane cholerstwo uruchomić na zwykłym serwerze http?

W sensie to jest javascript, więc wydaje mi się że nie powinien wymagać niczego po stronie serwera.

#nodejs #react #reactjs
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Postanowiłem że czas nauczyć się jakiegoś frontu. Aktualnie znam jakieś tam podstawy JavaScript i to tak raczej średnio ( ͡º ͜ʖ͡º) Zawodowo siedzę w php.

Czego warto się uczyć?

#javascript #vue #vuejs #react #reactjs #programowanie

Co najbardziej się przyda?

  • react 33.8% (23)
  • vue 19.1% (13)
  • czysty javascript 25.0% (17)
  • coś innego (napisz w komentarzu) 4.4% (3)
  • pierdol programoanie ucz się na admina 17.6% (12)

Oddanych głosów: 68

  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop
  • 0
@tos-1_buratino: To niekoniecznie dobra strategia, co frontendowiec to inna opinia, więc chciałem zobaczyć średnią ( ͡º ͜ʖ͡º)

@cat_in_hat Aż taka tragedia z tym vue? W sumie dziwne, jest promowany przez laravel.
  • Odpowiedz
Mirki bede pierwszy raz od dawna szukal roboty jako react mid, jakieś rady? Ktoś może ostatnio chodził na rozmowy i podrzuciłby czego można się spodziewać?

Robie te zadanka z leetcode i w sumie nie wiem co jeszcze powtórzyć

#programowanie #frontend #react #reactjs
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@hdh3he3: Jeśli widzisz jakieś ogłoszenie danej firmy, sprawdź czy szukają również seniora, jeśli tak, sprawdź jakie mają wymagania. Je musisz ogarnąć, z tego będą cię pytać. Taki schemat ostatnio zauważyłem, co prawda nie jestem z frontendu, no ale tak pytają.
  • Odpowiedz
@hdh3he3 glazurnictwo generalnie, wykończeniówka, drobne remonty polecam. Szukanie aktualnie roboty to jest kopanie się z koniem. Nie ma pieniędzy, nie ma projektów, są za to rzesze bezrobotnych ludzi.
  • Odpowiedz
Hej, szukam chociaż jakiejś podpowiedzi, bo nie miałem nigdy do czynienia z projektem w #react #reactjs i #symfony a do tego brak kontaktu z programistą, który się tym projektem do tej pory zajmował.
Ogólnie chodzi o przeniesienie projektu z serwera na serwer. Na starym serwerze projekt śmiga bezproblemowo, a na nowym wyświetla się okno ładowania, ładuje w nieskończoność i wali błędem w konsoli:

The script has an unsupported MIME type ('text/html').
registerServiceWorker.js:80 Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope ('[https://x.pl/')](https://x.pl/')) with script ('[https://x.pl/service-worker.js'):](https://x.pl/service-worker.js'):) The script has an unsupported MIME type ('text/html').

W większości rozwiązań problemu trzeba coś zmieniać w kodzie, ale czemu jak na starym serwerze działa to bez problemu i już nie wspominając, że z tego co do tej pory wyczytałem i dowiedziałem się na temat React-a - przeszukałem wszystkie foldery i projekt nie ma plików z źródłem kodu js, są tylko przepuszczone przez obfuscator.
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@nophp: serwer musi serwować pliki z odpowiednim nagłówkiem Content-Type, w przypadku js application/javascript. To jest kwestia konfiguracji serwera wyłącznie
  • Odpowiedz
  • 0
@zwei: Dzięki za podpowiedź, ale ta aplikacja żyje z tym błędem i innymi. Dzisiaj udało się to postawić na naszym serwerze i brak obsługi błędów, brak chyba jakichkolwiek testów i prawdopodobnie mam się z tym jeszcze bujać, aby to rozwijać. (°°
  • Odpowiedz
Mam taki komponent:
https://pastebin.com/5T0KR9NG

Chciałem przenieść to co jest między <nav>...</nav> i <main>...</main> do nowych komponentów bo planuję to rozbudować.

Mógłbym wyciąć to co jest w nav i wkleić do komponentu z nagłówkiem:
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jakim cudem focus dziala roznie mimo ze kod jest praktycznie identyczny? Przyklad kodu i sandboxy pod linkiem: https://stackoverflow.com/questions/77281261/onfocus-behavior-in-react-with-tabindexed-is-broken

W przykladzie z czystym JS focus dziala intuicyjnie, najpierw jest przeniesiony na pierwszego diva i przeskakuje po kolei po elementach natomiast w drugim przypadku zapetla sie na pierwszym divie.

#javascript #reactjs #react #webdev #naukaprogramowania #programowanie
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jakiś czas temu zdarzyło mi się napisać stronę w ReactJS…zwykła strona z informacjami, zmiana jezyka oraz formularzem wysyłającym maila. Nie miałem czasu i zajęło mi kilka msc powrót do tego żeby w końcu to skończyć…dzisiaj to odpaliłem z pomocą npm…KUREA MIRKI, WY TAM NA TYM FE TAK ŻYJECIE? SERIO? WYSTARCZY KILKA MIESOECY ŻEBY WSZYSTKO W----------O SIĘ NA PLECY? DRAMAT JPRD, DRAMAT. I teraz grzebie w tym syfie i chuuuuuuuuj mnie strzela. Eh
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@cppguy: tylko, że on się wqrwia na chakrę, że nie ogarniają ssr. Z tego co widzę w cholerę stricte reactowych rozwiązań ma ten problem.

W ogóle rzeźbienie SSG w Next zamiast w Astro to mocno dyskusyjny pomysł.
  • Odpowiedz
Heja,

Macie jakiegoś fajnego githuba / kurs z aplikacją obejmującą front + back? Coś w stylu react + java + spring + hibernate i pisane i zapięte w jakimś AWSie (nie obchodzi mnie tematyka)? W miarę takich zasad jak to powinno być zrobione? Miałem kiedyś githuba do czegoś takiego ale nie mogę znaleźć. Może macie coś ciekawego?

#java #programowanie #spring #reactjs #aws
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@srgs: zobacz sobie ale nie używaj tylko zrób po swojemu... to jest dobre jak chcesz zrobić POC-a czegoś co i tak później napiszesz normalnie. Miałem okazję rozwijać aplikacje które ktoś rozpoczął w jhipsterze nie do końca go czając. Nie było opcji robić upgrade jhipstera(polityka w projekcie) a z drugiej strony sam jhister bardzo utrudniał on dalszy rozwój systemu.
  • Odpowiedz
Czy jest ktoś z was w stanie napisać najłatwiejszego popupa jakiego się da, z wykorzystaniem klasowych komponentów i BEZ UŻYCIA zewnętrznych bibliotek? Wszystkie przykłady co znalazłem to albo czysty js albo jakieś zewnętrzne biblioteki/komponenty funkcyjne ( ͡° ʖ̯ ͡°)


#react #reactjs #javascript
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@de_yum:

Dzięki za pomoc, ale cholera, dokładnie tak mam (co mnie swoją drogą pociesza), więc wychodzi na to że nie ma "ładniejszego" sposobu.


No nie wiem co mogłoby być prostsze od tego. Też często na początku miałem myśli, że może istnieje jakiś super sposób na moje problemy, a często okazywało się, że ludzie robią po
  • Odpowiedz
Możesz po prostu pobrac i ustawic wartosc w onClicku.


@zackson: Rozumiem, że chodzi o to, żeby zrobić zwykłą funkcję z fetchem.
Tylko miałem zwykłego fetcha wcześniej, ale zrobiłem custom hooka, bo w przypadku 401 unauthorized robię dispatch logout za pomocą reduxa. A tego nie zrobię w normalnej funkcji tylko w hooku.
  • Odpowiedz
można, jak najbardziej
sam children pattern to także prop, który jest defaultowy w komponencie funkcyjnym

ogólnie komponent to nic innego jak funkcja, która zwraca JSX, warto w ten sposób myśleć
  • Odpowiedz
@scorpio18k: możesz przekazywać albo "zbudowany" komponent albo możesz też samą funkcję budującą komponent, jeśli użyjesz propsa zaczynającego się wielką literą:

`

wtedy czasem też się przekazuje osobno propsy tego
  • Odpowiedz
useEffect(()=>{
if(registered) dispatch(resetRegistered());
}, [registered]);

eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "

dispatch
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

na pewno dwa odrębne state'y są całkowicie niepotrzebne


@plasq: Dzięki. W sumie to jak przeniosę konwersję tablicy na obiekt do funkcji pobierającej dane (fetch) to już wtedy mogę zrobić jak pod linkiem
  • Odpowiedz
@scorpio18k: Generalnie to program ci wpada w nieskończoną pętle bo setData ci się wykonuję przy każdym renderze komponentu, który to re-render jest wywołany przez ten setData i tak w kółko
  • Odpowiedz
@scorpio18k: to nie jest nic związanego z reactem tylko tak działa cmd.exe. Kiedy odpalasz skrypt .bat, który coś tam dalej wywołuje, to jak przerwiesz działanie tego wywołanego programu to pojawia się to pytanie. Odpowiedź pozytywna oznacza, że chcesz przetwarzać dalej ten .bat mimo że zatrzymałeś aplikację przez niego wywołaną.

czyli bardziej obrazowo

skrypt.bat
     node.exe <- ctrl+C zamyka node'a, "Terminate batch job (y/n)"?
     inny.exe <- jeżeli y, to odpal inny.exe, jeżeli
  • Odpowiedz