• 1
@aptitude ty lepiej szczerze powiedz czy w ogóle użyłeś Googla czy od razu na wykop uderzyłeś bo nie wiem jak mogłeś na to nie trafić w wynikach... no chyba że szukałeś po polsku
  • Odpowiedz
#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
zboinek - #webdev #react
Zebraliśmy się tutaj, żeby porozmawiać o najnowszej aktuali...

źródło: comment_16672555066IwZZVm5ddeloRlOe5dg7Q.jpg

Pobierz
  • 21
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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ę.
  • Odpowiedz
@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.
  • Odpowiedz
mam problem, nie wiem jak podzielic plik na mniejsze komponenty, mam w folderze 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.
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@ujdzie: nie, no takie duperele na koniec. najpierw funkcjonalne ma być. dziesiątki projektów się zarzuca bo zaczynasz pracować nad takimi detalami, według mnie najlepiej tak robić żeby było widać efekty jak najszybciej.
  • Odpowiedz
@kolargolo: ja jeszcze nie wiem. Nowy fetching z use (bez getStaticProps/getServerSideProps) mi ryje banie, Turbopack nieprędko ogarnie używane przez nas pluginy, ale nowe layouty i komponenty po stronie serwera już widzę w appkach. Problem widzę przekonaniu klientów do wyłożenia kasy na nową wersję :(

dla reszty:
https://nextjs.org/blog/next-13
  • Odpowiedz
@ujdzie: możesz zawsze zrobic update i powoli wprowadzac zmiany do istniejacego projektu powoli implementujac nowosci, nie trzeba orac i robic od nowa, ja tak teraz testuje i poki co nic nie wybuchlo. A co do nowosci to ja sie jaram tym nowym ujednoliconym podejsciem do fetchowania i cachowania danych w folderze app
  • Odpowiedz
Czy ktoś mi pomorze i powie gdzie robię błąd w #programowanie #react

Chce by chechbox brał wartości z tablicy obiektów, jednak za każdym zaznaczeniem obiektu zaznacza mi się tylko jedna wartość na true, reszta zostaje na false

function Checkboxcomponent({ data, error, index, eid }) {
const [checkState, setCheckedState] = useState([]);
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Czy #redux można śmiało używać do trzymania wszystkich zmiennych z całej aplikacji czy powinno się raczej tego używać w jakiś szczególnych przypadkach np. tylko do śledzenia logowania a reszta w normalnym #react ?
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@scorpio18k: tak naprawdę najpierw był Redux a dopiero później wprowadzili do samego core'a Reacta taki mechanizm jak Context. No i Context a lokalny stan to nie jest to samo, można powiedzieć że Redux to taki bardziej zaawansowany Context.
  • Odpowiedz
Cześć Miraski z #frontend, doradźcie proszę narzędzie.
Chcę zwizualizować sobie dane przygotowane na endpoincie, mam zaklepany backend. Potrzebuję zrobić do tego stronkę.

Tematyka: powiedzmy że mamy sprzęt komputerowy (monitory, laptopy, myszki, drukarki) jak w xkomie, każdy z nich ma jakieś swoje zdefiniowane parametry (każda kategoria może mieć inne).

Chcę móc je filtrować, sortować i się przy tym nie
MetroStation - Cześć Miraski z #frontend, doradźcie proszę narzędzie.
Chcę zwizualiz...

źródło: comment_1666079973WEIJTbPEbRqEd8IOf8Itj2.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@MetroStation: gotowego nic, ale myślę ze fajny byłby gatsby :) A nawet i z buta to dosyć proste, kwestia tego jak sobie opracujesz dane. Gatsby ma ta przewagę że w momencie budowania/wstawania projektu jesteś w stanie mieć wszystkie dane do użycia na stronie bez jakiejś logiki - przy budowie strony gatsbiego podajesz co ma się znajdować, potem bezpośrednio na stronie masz do nich dostęp i już - pozostaje ostylować.
  • 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
przerabiałeś poradnik jakiś? :)


@Chanandler: Jakieś tam podstawy useState,useEffect i chciałem się na projekcie uczyć ale widzę, że muszę więcej czasu na to poświęcić
  • Odpowiedz
@xmadesio: zawsze możesz zrobić gdziekolwiek dosłownie console.log('styles', styles) i zobaczyć co tam jest

nie ma co myśleć za długo, console.log driven development i jedziesz ( ͡° ͜ʖ ͡°)
  • Odpowiedz
via Wykop Mobilny (Android)
  • 6
@kaitek666: uwielbiam to p---------e xd ja np. dwa lata pracowałem jako programista C, teraz klepię JS. Języki interpretowane oczywiście mają zalety, inaczej nikt by w nich nie pisał, ale to trzeba umieć programować, a nie być prowadzonym całe życie za rączkę przez kompilator xd
  • Odpowiedz