Potrzebuję zrobić reactowy komponent na wzór tego z obrazka. Czyli koło podzielone na 12 części, coś na wzór zegara. Po naciśnięciu na dane pole musi zwracać wartość 1-12. Chciałbym zrobić to samemu, zamiast korzystać z gotowych rozwiązań, bo ma być to mocno modyfikowane, więc nie chciałbym się ograniczać do jakiejś biblioteki reactowej. Jak najłatwiej to uzyskać? Głównie kształt takiego okręgu podzielonego na 12 obszarów.
#programowanie #javascript #react
ObslugaRadomskiegoLotniska - Potrzebuję zrobić reactowy komponent na wzór tego z obra...

źródło: Bez tytułu

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam aplikację internetową w #react która ma ustawienia użytkownika/preferencje w okropnym panelu, wysuwającym się z boku. O ile to udzie na mobilnych, to na ekranach 1920x1680 wszystkie widżety są okropnie duże. Macie jakieś inspiracje jak mogą wyglądać tego typu elementy?

Na razie inspiruje się allegro, które na dużych ekranach ma po prostu "placek" na środku. Myślę, czy nie dodać jakichś zakładek, bo naprawdę dużo tych opcji.

Potrzebuje inspiracji.

#html
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

to na ekranach 1920x1680 wszystkie widżety są okropnie duże


@pyroxar: No to je zmniejsz w css dla takiej rozdzielczości? albo nie rozciągaj tego panelu na dużych rozdzielczościach na 100%
  • Odpowiedz
#programista15k #rekrutacja Od 2 miesięcy gorąco szukam roboty jako mid frontaś w #react #javascript 3 lata doświadczenia z hakiem, bo zwolnienia z powodu braku hajsu w startupie. I jest ogólnie stypa na rynku w opór. Wysłałem CVałek tyle co junior, był odzew, a i owszem. Doszło do jakichś kilkunastu rozmów, miałem z 12 technicznych rozmów, pare zadanek. Kilka z nich klapa, szukali kogoś lepszego
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@lukaszwasyl: też ze dwa razy pamiętam jak dostałem absurdalny feedback. Na wstępie zaznaczyłem, że z wymagań nie miałem doświadczenia z X - powiedzieli że to taki mało istotny dodatek bo i tak mają devopsow. Na pytania odpowiedziałem wszystkie (po prostu nie było nic skomplikowanego), 4 proste zadania na live coding, zrobiłem inaczej niż rekruter ale wytłumaczyłem swoj punkt widzenia (sprawdziłem potem, że moje rozwiazanie było lepsze).
Dostałem feedback, że brali
  • Odpowiedz
  • 0
a czym to się różni od useContext + useReducer? Troche mniej kodu


@Pozytywny_gosc: @anghelus Macie rację, mniej kodu, o to mi chodziło :)
A z useContext trzeba tworzyć osobny Provider a u mnie po prostu korzystacie z state jak z zwykłego useState :)

Z zustand też korzystałem przez dłuższą chwile i naprawdę też spoko jest.
Każdy może korzystać z narzędzi jakich woli :)
  • Odpowiedz
Czym się różnią:
onChange={ handleLimitChange }
oraz
onChange={ (e) => { handleLimitChange } }

Oraz (bez nawiasu jest zwracany komponent, a z nawiasem wynik funkcji?):
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam aplikację w react, jak wystawić poszczególne strony żeby Google je zindeksował? Problem polega na tym że poza app.js, sitemapy wszystko jest renderowane przez widoki, czyli google tego nie chwyci. Na chwilę obecną czytam o prerendererwch. To dobry kierunek?

#react #webdev
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Próbuję uzyskać pozycję scrolla w #nextjs i nic nie działa.

Próbowałem:

useEffect(()=>{
const scroll = (event) => {
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć, nie wiem jak was, ale mnie strasznie wkurzał oficjalny kalendarz F1, który można było subskrybować na ich stronie. Nie dość, że nazwy wydarzeń zaczynają się od emoji i są pisane wielkimi literami to większość nazwy to niepotrzebne informacje jak sponsorzy czy oficjalne nazwy wydarzeń.

Postanowiłem to naprawić i na bazie oficjalnego kalendarza utworzyłem swój własny. Jeśli coś się zmieni tam, to będzie widoczne też u mnie. Moje zmiany obejmują tylko wyczyszczenie
elektryk91 - Cześć, nie wiem jak was, ale mnie strasznie wkurzał oficjalny kalendarz ...

źródło: details

Pobierz
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@placebo_: @zwei, przy czym samo narzucenie struktury nie jest złe. Jak ktoś się zna na robocie, to biblioteka będzie dla niego super. Jak się nie zna, odwali taki szit architektoniczny używając biblioteki, ze nikt na to patrzeć i dotykać tego później nie chce. Nie bez powodu największe raki programowania widziałem właśnie w React, bo dużo juniorów się za niego bierze jako pierwsze narzędzie, bo taki Angular ma większy
  • Odpowiedz
Posiadam dwa telefony o tej samej rozdzielczości, lecz różnym rozmiarze ekranu. Napotykam tutaj problem związany z rozmiarem czcionki, gdyż na mniejszym ekranie jest ona mniejsza. Jakie inne parametry/kryteria powinienem uwzględnić w media queries, żeby czcionka lepiej wyglądała na mobilnych, oraz jak dokładnie to sprawdzić, gdy nie mam dostępnego ekranu o takiej samej gęstości?

#webdev #fronted
#css #react #programista15k
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

czesc, rozkminiam jak dynamicznie importowac w React, mam 18 obrazkow svg z ktorych chce utworzyc komponenty, ktore beda w tej samej sekcji jako ikony.
Czy ktoś wie jak to zrobić? Gdzie znajdę informacje czy React.lazy() jest wspierane przez przeglądarki? pzdr

#react #programowanie #frontend #javascript
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Czy dobrze rozumiem, że #javascript to uniwersalny język, ale ze szczegółową implementacją zależną od silnika? Przy czym, silniki: V8 (Google Chrome), Gecko/SpiderMonkey (Firefox) i one są podobne, przeznaczone do stron www, są także GJS, który ma oprócz standardowej składni, jakies bindy do na przykład menadżera okien w #linux, a czym jest NodeJS? To też jest jakiś silnik?

Jak się ma do tego #react który kompiluje
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: Node.js to środowisko uruchomieniowe dla JSa na backendzie. Pod spodem też korzysta z V8 i ma dodatkowe natywne metody m.in. do obsługiwania operacji na plikach
  • Odpowiedz
@pyroxar: o panie, traktuj silnik jako implementację interpretera. Tak samo jak w pythonie możesz mieć cython, jython i inne, albo jak możesz mieć różne interpretery/maszyny wirtualne dla javy.

a czym jest NodeJS? To też jest jakiś silnik?


V8 plus biblioteki i inne
  • Odpowiedz
Czy słowo current dziłą tylko dla useRef

Czy dla każdego hooka?

Przykład użycia w komponencie

const
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: Średnio rozumiem pytanie, useref zwraca obiekt z property current w którym siedzi to co chcesz czy to zmienna jak w tym wypadku czy node html czy cokolwiek innego. Useref służy do trzymania jakiejś wartości bez wymuszanie rendera po jej zmianie przez kod i po to aby zmienna nie znikała między renderami.
  • Odpowiedz
Miałem problem taki jak tu: github
Polegał on na tym, ze w plikach script/build były ścieżki do plików (/home/***/plik1), a nie powinno być. Więc pomysł jest taki, że na development ładuje: react-hot-loader/babel, a na produkcji nie. Napisałem stosowne pliki, ale scieżek nie ma: ani na dev, ani na produkcji, wygląda na to, że react-hot-loader/babel w ogóle sie nie ładuje...

1) Jak moge to sprawdzić, co zostało załadowane przez webpack?
2) jeśli faktycznie w obu przypadkach
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam komponent, któremu przekazuje nazwe klasy, chce dodac do tego druga klase, ale juz z (s)css. Moja linia wygląda tak:

<a className={[props.className [style['abc']]].join(' ') }>
Caly komponent:

import React from
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Posiadam pliki językowe zapisane w formacie JSON oraz plik cookie.json, który zawiera informacje prawne o ciasteczkach. Czy faktycznie istnieje ryzyko, że niektóre przeglądarki blokują ten plik? W takim przypadku, jakie kroki można podjąć, aby uniknąć takiej sytuacji?
#webdev #react #javascript #webmastering
pyroxar - Posiadam pliki językowe zapisane w formacie JSON oraz plik cookie.json, któ...

źródło: cookie

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: przeglądarki - nie, dodatki do przeglądarek z odpowiednimi filtrami - jak najbardziej. Potrafią wycinać wszystko co ma cookie w nazwie, ale bardziej klasy i id, niż linki do plików. Ale wszystko zależy od tego gdzie i jak to udostępniasz.
  • Odpowiedz
Jak w React przekazywane są zmienne między komponentami? Czy zmienne są przekazywane razem z komponentem? Jeśli zmienię wartość zmiennej "kochamReact" na 1 i umieszczę ją w komponencie, to tam ją odczytam i będę mieć wartość tej zmiennej na 1. Wiem jednak, że zmieniłem wartość tej zmiennej na 0 i komponent dalej myśli, że jest ona równa 1. Aby zaktualizować wartość zmiennej w komponencie, muszę skopiować (odświeżyć) ten komponent i dopiero wtedy ona
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: weź przerób pierwszy lepszy kurs od początku do końca bo zadajesz pytania, na które odpowiedzi są na pierwszych stronach dokumentacji i są to absolutne podstawy podstaw.
  • Odpowiedz
Mam niby zwyklą funkcję:

const BuildURL = (action, params) => {
...
}

Ale gdzieś tam w kodzie wywołują ją tak:
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: W języku JavaScript operator spread, oznaczony trzema kropkami ..., umożliwia rozpakowanie wartości z kolekcji danych, takich jak tablice, obiekty i ciągi znaków, na pojedyncze wartości.
  • Odpowiedz
Mogę się zacząć uczyć Reacta, jeżeli znam JS w stopniu podstawowym, ale nie znam programowania asynchronicznego w JS?

Wydaje mi się, że znam czystego JSa na tyle dobrze, że mogę już zacząć uczyć się Reacta, ale nie wiem nic o asynchroniczności i w sumie nie wiem, czy lepiej ogarnąć temat przed nauką Reacta, czy nie ma różnicy.

#webdev #frontend #javascript #react
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Prowadziłem raz rekrutację na frontenda i mieliśmy ponad setkę zgłoszeń. Mogę od siebie powiedzieć, że warto zadbać o przejrzyste CV + link do githuba z własnym projektem. Postawmy się na miejscu rekrutera, który musi przefiltrować tyle zgłoszeń. Trzeba to zrobić jakąś metodą:)

Na stanowisko react deva dostałem się chyba głównie dzięki temu, że miałem własny projekt czatu. Ci, którzy mieli bootcampowe stronki raczej się odrzucało. Chyba, że dodali coś ciekawego od siebie.
  • Odpowiedz