Jak dostać pracę jako junior Reacta? Mogę podać szczegóły mojej drogi na pv
#react #frontend #programowanie
#react #frontend #programowanie
Wszystko
Najnowsze
Archiwum
https://www.w3schools.com/react/react_customhooks.asp
Tam jest Example: useFetch.js: i index.js:
Czy tam przypadkiem nie ma podwójnego źródła prawdy ?
1. wewnątrz useFetch: const [data, setData] = useState(null);
Tam jest Example: useFetch.js: i index.js:
Czy tam przypadkiem nie ma podwójnego źródła prawdy ?
1. wewnątrz useFetch: const [data, setData] = useState(null);
Mamy "data", które występuje w dwóch miejscach.
@scorpio18k: Mógłbyś doprecyzować, o co Ci tutaj chodzi?
@tooph: Że data jest i wewnątrz index.js i wewnątrz useFetch:
1. const [data, setData] = useState(null); przekazana później przez return [data];
2. const [data] = useFetch("https://jsonplaceholder.typicode.com/todos");
@scorpio18k: Ale to jest już inna zmienna w innym "scope".
równie dobrze mogło by być:
1. const [Andrzej, setAndrzej] = useState(null); przekazana później przez return [Andrzej];
2. const [Dominik] = useFetch("https://jsonplaceholder.typicode.com/todos");
równie dobrze mogło by być:
1. const [Andrzej, setAndrzej] = useState(null); przekazana później przez return [Andrzej];
2. const [Dominik] = useFetch("https://jsonplaceholder.typicode.com/todos");
useEffect(()=>{
if(registered) dispatch(resetRegistered());
}, [registered]);
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
dispatch
if(registered) dispatch(resetRegistered());
}, [registered]);
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
dispatch
@scorpio18k:
Po prostu zastosuj się do
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
Po prostu zastosuj się do
@scorpio18k: bo co render funkcja była zupełnie nową funkcją, więc się zmieniała.
Zacząłem pisać strony w React i tworzę komponenty w JavaScript React (jsx) - ale czytałem też, że jest Typescript.
I pytanie gdzie się wygodniej pisze strony? Jsx czy Typescript?
I jakich wtyczek używać w Visual Studio Code, żeby jak najszybciej i wygodniej pisać te strony?
#typescript
I pytanie gdzie się wygodniej pisze strony? Jsx czy Typescript?
I jakich wtyczek używać w Visual Studio Code, żeby jak najszybciej i wygodniej pisać te strony?
#typescript
@mamniciwszystko: TS to nie jest zastępstwo dla JSX. TS to taki nadzbiór nad JavaScript, czyli nadal używasz JSX tylko zamiast czystego JS korzystasz z TS.
@mamniciwszystko: jeżeli chodzi o nauke to JS/JSX na początek ok, jak złapiesz o co chodzi to polecam przesiadkę na TS/TSX. W pracy korzystamy tylko z TypeScripta.
https://codesandbox.io/s/fragrant-cloud-gptmsv?file=/src/App.js
1. data przechowuje tablicę liczb.
setData używam do pobrania danych za pomocą fetch, ale już tego nie pisałem i dałem [1,2,3,4].
2. tworzę obiekt "data2" gdzie kluczami są liczby z tablicy "data" a wartościami "false"
3. jak kliknę to zmieniam checkbox nr.2 na true.
1. data przechowuje tablicę liczb.
setData używam do pobrania danych za pomocą fetch, ale już tego nie pisałem i dałem [1,2,3,4].
2. tworzę obiekt "data2" gdzie kluczami są liczby z tablicy "data" a wartościami "false"
3. jak kliknę to zmieniam checkbox nr.2 na true.
@scorpio18k: https://pastebin.com/Q2daKNGt tak jest znacznie prościej, bez właściwych requestów na serwer to ciężko mi się odnieść, ale na pewno dwa odrębne state'y są całkowicie niepotrzebne.
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
Cześć,
Czy wie ktoś czy jest możliwość aktualizacji property 'message' w #react-intl po kompilacji aplikacji? Mam zainstalowaną bibliotekę React-Intl i w index.ts normalnie dodaje . Messages, czyli plik z tłumaczeniami dostaje z bazy danych. Problem jest taki, że w momencie pierwszego otwarcia aplikacji nie dostaje żadnej zwrotki z backendu, ponieważ nie mam autoryzacji. Dopiero po zalogowaniu api zwróci mi json'a. Pytanie czy na późniejszym etapie jestem w stanie jakoś
Czy wie ktoś czy jest możliwość aktualizacji property 'message' w #react-intl po kompilacji aplikacji? Mam zainstalowaną bibliotekę React-Intl i w index.ts normalnie dodaje . Messages, czyli plik z tłumaczeniami dostaje z bazy danych. Problem jest taki, że w momencie pierwszego otwarcia aplikacji nie dostaje żadnej zwrotki z backendu, ponieważ nie mam autoryzacji. Dopiero po zalogowaniu api zwróci mi json'a. Pytanie czy na późniejszym etapie jestem w stanie jakoś
@pablojakub: pewnie gdzieś na froncie trzymasz informacje, że user jest już zautoryzowany. Na to property możesz wywołać useEffect i zaktualizować message.
@inty kiedy to zrobić to mniej więcej wiem. Tylko jak uaktualnić tego propsa skoro znajduje się on w index.js a nie jest to typowo react component. BHD może coś pominąłem ?
Można pracować jako programista #javascript ale nie pisać styli? Bardzo nie lubię CSS a chciałbym pisać aplikacje webowe. Czy firmy już zaczęły rozdzielać te funkcje, czy ciągle programista JS musi też pisać style?
#react #frontend
#react #frontend
Kolega, z którym prowadzę rekrutacje uważa, że jak "nie lubisz CSS" to znaczy, że go po prostu nie znasz i się nie nadajesz. Zwłaszcza, że stylowania w pracy nie ominiesz. Od siebie dodam, że jak źle zaprojektujesz strukturę HTML i CSS komponentów, to uczynisz je nieutrzymywalnymi i niereużywalnymi. Pomyśl nad backendem.
@mattz_: martne chyba ze jakis bezplatny staz czy cos bo raczej nikt nie bedzie placil za same html/css
#anonimowemirkowyznania
Panowie dostałem się do swojej pierwszej pracy jako junior frontend. Niestety jest to typowa agencja klepiąca głównie landing page i inne cuda. Generalnie chce się rozwijać dalej i we własnym zakresie uczę się reacta z typescriptem. Myślicie że warto posiedzieć w tej pracy i atakować coś lepszego że jakiś czas czy skupić się głównie na nauce reacta i jak najszybciej zmienić pracę. Generalnie nie chce uciekać z obecnej pracy
Panowie dostałem się do swojej pierwszej pracy jako junior frontend. Niestety jest to typowa agencja klepiąca głównie landing page i inne cuda. Generalnie chce się rozwijać dalej i we własnym zakresie uczę się reacta z typescriptem. Myślicie że warto posiedzieć w tej pracy i atakować coś lepszego że jakiś czas czy skupić się głównie na nauce reacta i jak najszybciej zmienić pracę. Generalnie nie chce uciekać z obecnej pracy
@AnonimoweMirkoWyznania: doszkalaj się i jak poczujesz sie pewnie zacznij chodzić na rozmowy gdzie hajs będzie już lepszy razem z rozwojem
@AnonimoweMirkoWyznania: Pół roku - może rok pociągnij, a w międzyczasie szukaj. Tylko nie popełniaj mojego błędu i nie gnij w takim gównie 3,5 roku wierząc, że "tyle się zarabia w regionie" i "wszędzie tak się pracuje" ( ͡° ͜ʖ ͡°)
https://pastebin.com/UbbYhDim
Próbuję zrobić useFetch takiego jak tu:
https://www.w3schools.com/react/react_customhooks.asp
Problem w tym, że wpada w nieskończoną pętlę.
W przykładzie w3schools jest useEffect ustawione na url.
Próbuję zrobić useFetch takiego jak tu:
https://www.w3schools.com/react/react_customhooks.asp
Problem w tym, że wpada w nieskończoną pętlę.
W przykładzie w3schools jest useEffect ustawione na url.
const response = await fetch(url,{
method: "GET",
headers: {
"Content-Type":"application/json",
}
})
method: "GET",
headers: {
"Content-Type":"application/json",
}
})
@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
@deliryk: Serio do takiego prostego ficzera potrzeba biblioteki?
@Rufurege1: @zwei: co prawda też wyśmiewam branie bibliotek do wszystkiego, ale tym razem pobawię się w adwokata diabła - gotowce mogą np. obsługiwać od razu zachowania typu pull to refresh z ładnymi animacjami, wirtualizację, zapamiętywanie gdzie się było przy przejściu do innego route'a... I pewnie inne ( ͡° ͜ʖ ͡°)
Treść przeznaczona dla osób powyżej 18 roku życia...
@tos-1_buratino: No rynek juniora nie istnieje od kilku lat, a na webówce to już w ogóle. 16 ofert pracy na całą Polskę a chętnych tysiące. Trzymajcie się w tej polandi. Każdy sie przebranżawia bo tak naprawę każdy inżynierski zawód w polsce to klepanie biedy za 4-5k netto
@tos-1_buratino:
Nie moge znalezc tego wierszyku bo mam naspamowane na linku a to jakas jr hrowa mi pisala, to sa niektore cringe naglowki z ostatnich xdd
Nie jestem botem, sprawdź mnie :) - Mid .NET Fullstack Developer - 100% REMOTE
T2ZlcnRhIGRsYSBDaWViaWUh - zdekodujesz? :)
Benedykt XVI, a ja którym rekruterem dzisiaj jestem?
Nie moge znalezc tego wierszyku bo mam naspamowane na linku a to jakas jr hrowa mi pisala, to sa niektore cringe naglowki z ostatnich xdd
Siema Mirki!
Słuchajcie jestem przed wyborem mojej pierwszej pracy w IT, technologia .Net.
Ile według was powinien domagać się junior .net developer na godzinne pracy, tak aby kwota nie była zaporowa ale również godna dla osoby znająca na wylot swój język, frameworki webowe, ORM, posiadająca wiedzę z zakresu wzorców projektowych oraz technologii frontendowych?
#programowanie #programista15k #csharp #dotnet #react #bazydanych #
Słuchajcie jestem przed wyborem mojej pierwszej pracy w IT, technologia .Net.
Ile według was powinien domagać się junior .net developer na godzinne pracy, tak aby kwota nie była zaporowa ale również godna dla osoby znająca na wylot swój język, frameworki webowe, ORM, posiadająca wiedzę z zakresu wzorców projektowych oraz technologii frontendowych?
#programowanie #programista15k #csharp #dotnet #react #bazydanych #
@simsookoo: To, że (w twoim mniemaniu) znasz dobrze język, framework itd. nic nie zmienia, bo taką wiedzę musi posiadać aktualnie każdy kandydat na stanowisku juniorskim, w przeciwieństwie do stażu, gdzie możesz znać tylko podstawy. A sam zobaczysz jak różnią się projekty komercyjne od tych na których się uczyłeś i ile jeszcze nauki przed tobą ;)
Podsumowując: Nie skupiaj się na stawce, tylko na rozwoju przez najbliższe 1/2 lata swojej kariery,
Podsumowując: Nie skupiaj się na stawce, tylko na rozwoju przez najbliższe 1/2 lata swojej kariery,
#programowanie #programista15k #react
Ilu z was na front-endzie używa Storybooka i może mi powiedzieć czy jest przydatny do ogólnie jakichkolwiek planowanych/trwających projektów?
Ilu z was na front-endzie używa Storybooka i może mi powiedzieć czy jest przydatny do ogólnie jakichkolwiek planowanych/trwających projektów?
Chcę zrobić wielopoziomowe, rozwijane menu jak w dokumentacji blendera,
https://docs.blender.org/manual/en/latest/editors/index.html
ale nie wiem jak przechować dane i jak je czytać profesjonalnie. Aplikacja w React (Gatsby). Możecie coś doradzić?
Na razie mam jednopoziomowe menu jak tu:
https://docs.blender.org/manual/en/latest/editors/index.html
ale nie wiem jak przechować dane i jak je czytać profesjonalnie. Aplikacja w React (Gatsby). Możecie coś doradzić?
Na razie mam jednopoziomowe menu jak tu:
źródło: comment_1668536944xq2fzN8hkv6QRnTBeFdPkd.jpg
PobierzJak się robi w html/css takie niezależne od siebie elementy jak nawigacja i sam artykuł? Chodzi mi o suwaki.
https://docs.blender.org/manual/en/latest/
#html #css #javascript #react #webdev #programista15k #webmastering
https://docs.blender.org/manual/en/latest/
#html #css #javascript #react #webdev #programista15k #webmastering
Czy istnieje jakiś trik w HTML/JS po wciśnięciu taba który przeskakuje do następnego inputa gdy mam input-button, input-button...?
#html #react #programowanie
#html #react #programowanie
#webdev #react
Zebraliśmy się tutaj, żeby porozmawiać o najnowszej aktualizacji #nextjs a tak na prawdę to o strukturze plików w waszym projekcie.
Nowa wersja nextJS wprowadza folder /app, w którym routingi do kolejnych podstron będą folderami, które z kolei będą zawierały odpowiednie pliki. I tak, każdy taki folder będzie zawierał np. page.js.
Ogólnie już od dawna widziałem trend, że np. komponent to folder/index.js i wtedy masz latwiejszy import
Zebraliśmy się tutaj, żeby porozmawiać o najnowszej aktualizacji #nextjs a tak na prawdę to o strukturze plików w waszym projekcie.
Nowa wersja nextJS wprowadza folder /app, w którym routingi do kolejnych podstron będą folderami, które z kolei będą zawierały odpowiednie pliki. I tak, każdy taki folder będzie zawierał np. page.js.
Ogólnie już od dawna widziałem trend, że np. komponent to folder/index.js i wtedy masz latwiejszy import
źródło: comment_16672555066IwZZVm5ddeloRlOe5dg7Q.jpg
Pobierz@zboinek: ja tam lubię index.js w katalogach z komponentami, ale służą one tylko i wyłącznie do eksportów. Zasadniczo nawet ich nie ruszam, bo mam tool, który mi je tworzy.
Na jakimś projekcie miałem komponenty bezpośrednio w index.js. Myślałem, że się potnę.
Na jakimś projekcie miałem komponenty bezpośrednio w index.js. Myślałem, że się potnę.
@zboinek: To react native.
Tailwinda miałem na jakimś projekcie. Możecie go sobie wsadzić w dupę a nie do mojego kodu xD
Co ja piszę komponent czy rozprawkę o tym, jak on ma wyglądać. Jeszcze tylko nasrać do tego.
Tailwinda miałem na jakimś projekcie. Możecie go sobie wsadzić w dupę a nie do mojego kodu xD
Co ja piszę komponent czy rozprawkę o tym, jak on ma wyglądać. Jeszcze tylko nasrać do tego.
Jakim cudem w req.cookies znajdują się ciasteczka z tokenem access?
Kod:
https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
Generalnie kod wywoływany jest tak:
Kod:
https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
Generalnie kod wywoływany jest tak:
@scorpio18k: cookieParser masz jako middleware w app.js, app.use(cookieParser), bez tego nie zadziała. Sam import nic nie da.
@schriker: @PortowySzczur:
cookieParser jest raczej ok bo by w ogóle nie działało. Tak mi się wydaje.
To co udało mi się
cookieParser jest raczej ok bo by w ogóle nie działało. Tak mi się wydaje.
To co udało mi się
mam problem, nie wiem jak podzielic plik na mniejsze komponenty, mam w folderze
1.
components folder UsersTable, a w nim plik o nazwie UsersTable` i chcialbym z niego wydzielic 2 komponenty ktore bylyby uzywane tylko w tym komponencie
lepiej dodac 2 komponenty w components (1) czy kolejny folder components w tym obok pliku UsersTable.tsx (2) czy moze obok tego pliku dodac inne pliki np. TableHeader i TableRow` (3)1.
@wybacz wg mnie najlepsza opcja nr 3
To jest legitne? Tzn. można normalnie wrzucać całe duże i skomplikowane komponenty przez propsy?
Przesyłałem zmienne, funkcje, obiekty ale jeszcze nigdy propsy i nie wiem czy to jest ok.
#react #reactjs
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ć
`
wtedy czasem też się przekazuje osobno propsy tego