mirasy z #nodejs #react czy da się jakoś upchać na #heroku na jednym dyno tym za 7 dołków (albo nawet darmowym) równocześnie api aplikacji i front w reakcie? Obecnie są to dwie apki w dwóch różnych repo, wiadomo. Jedyne co mi na ten moment przychodzi teraz do głowy to docker z pełną konfiguracją i jakims nawet nginxem ale moze jest jakiś prostszy sposób? Albo ewentualnie jakieś
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programowanie #javascript #react #webpack
Kochani, mnie angularowca w-----i jako leada do projektu Reactowego (gdzie Reacta nie tykałem od jakiś 5 lat) i stawiałem projekt od zera, generalnie to chyba mój drugi poważny projekt stawiany od zera i solo, więc mam pewne wątpliwości. Przede wszystkim na repo był już zainicjowany projekt z wykorzystanie CRA (React 18 + typescript), ja dodałem webpacka, babela, loadery i JEDEN
Dominias - #programowanie #javascript #react #webpack
Kochani, mnie angularowca w---...

źródło: comment_1660988308Y1SFqxY2CBrrWhp4YdaJKR.jpg

Pobierz
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Po paru latach kodowania w #react, nowy projekt w #angular (było głosowanie w zespole).
Masakra, większego gówna nie widziałem.
Rzucanie kłód pod nogi nawet w najprostszych rzeczach.

Mam do ogarnięcia zwykłe formularze.
Rekomendowane są Reactive
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@budyn Lol me opposite. React to bezksztaltna kupa. Nie win frameworka a firme za robienie czegos w czym nie ma kompetencji. Tez pracuje w reactive forms, to raczej standard i nie wiem co w tym kosmicznego… Formbuilder w .ts i odpowiednie tagi w .html Serio?
  • Odpowiedz
via Wykop Mobilny (Android)
  • 18
@budyn: chłopie, Reactive Forms w Angularze są zrobione lepiej niż wszystkie "libki" do Reacta razem wzięte. Po prostu nie rozumiesz. Tacy to teraz specjaliści, nie uczą się javascriptu, wzorców projektowych i myślenia, uczą się r e a c t a
  • Odpowiedz
Pytanie do devów, którzy robili w Angular (tym nowszym ( ͡° ͜ʖ ͡°)) i ReactJS. Co waszym zdaniem lepsze/gorsze? Czego brakuje w jednym a czego w drugim? Mam opcję przejścia po x latach z Angulara na Reacta i trochę mnie to kusi ( ͡° ͜ʖ ͡°)

#programowanie #react #angular
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@mch0588 w react każdy orze jak może, chociaż jest coraz lepiej to ciągle nie wiadomo co wybrać do zarządzania stanem, ciągle nie wiadomo jak budować aplikację, ciągle nie wiadomo jak robić skomplikowaną reaktywność (to co rozwiązuje rxjs), itp., z drugiej strony nie ma takiego problemu którego nie rozwiążesz, jest duża elastyczność, pamiętam jak pisałem aplikację w angularze to trzeba było na głowie stawać żeby dostosować angulara do tego co się chce
  • Odpowiedz
Pytanko do znawców reduxa: mam komponent powiedzmy nazywa się Users, ten komponent jest komponentem typu page, czyli jest podpięty pod jakiś route (/users) i składa się z kompozycji innych komponentów, a te komponenty to powiedzmy formularz z 3 imputami, 2 listy i komponent logów. Cały stan tego komponentu muszę trzymać globalnie. I teraz pojawia się pytanie: czy tworzyć jeden reduxowy slice, nazwać go usersSlice i trzymać tam ten stan komponentów na które
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 1
@AntyKuc: wszystko zależy jakie konkretnie dane chcesz tam trzymać i ile ich jest ale zazwyczaj rozbicie na funkcje się sprawdza więc jeden globalny reducer odnośnie usera powinien być git.
  • Odpowiedz
@krzykrzy1995: No właśnie, bo potrzebuje cache. Cache danych z api ogrywam przez redux rtk, ale muszę gdzieś dane forma trzymać dlatego też wrzucam je do reduxa. Niestety React nadal nie wspiera czegoś w stylu keep-alive z vue.
  • Odpowiedz
#anonimowemirkowyznania
Mirki skoro programowanie jest takie trudne, wymaga ciężkiej pracy i pasji i wgl trzeba być pasjonatem od przedszkola to jakim cudem tak wiele różowych przebranżawia się z jakiś gówn0kieruków na jakieś frontendy albo UX/UI designery? Sam dodam od siebie, że różowych z jakimiś zainteresowaniami/hobby które poznałem w życiu mogę policzyć na palcach jednej ręki a tu jeszcze dochodzi ciężka praca i szkolenie się po godzinach przez jakiś rok, dwa
AnonimoweMirkoWyznania - #anonimowemirkowyznania 
Mirki skoro programowanie jest taki...

źródło: comment_16599011450msRffvbNCGUrNdU6LfIBV.jpg

Pobierz
  • 34
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Chcę w aplikacji mieć takie komponenty jak dropdown, slider, input, itp. Czy w takim razie ma sens, aby zaimportować je sobie z biblioteki typu MUI i przestylować zgodnie ze stylem aplikacji? Zwłaszcza gdy styl aplikacji nie ma nic wspólnego ze stylem biblioteki. Czy jednak robi się takie rzeczy od zera lub wyszukuje pojedyncze paczki npm z danym komponentem?

#react #frontend #webdev
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@ToJestNiepojete: często takie komponenty udostępniają samą logikę i możesz sobie wszystko samemu przestylować. Zależy jaka skala projektu ale zazwyczaj skorzystanie z gotowego, dobrego (otestowanego) rozwiązania jest lepsze niż klepanie od zera. Wszystko zależy czy będzie potrzeba dopisywania nowych funkcjonalności do tego konkretnego komponentu itd.
  • Odpowiedz
@postrachNocnegoSzczura: To też ale nie w tym problem.

Udało mi się rozwiązać to za pomocą:
{fetchedValue && }

Z tego co ogarnąłem, to Example ładował się z wartością undefined zanim się pobrały dane z bazy danych i tak zostawało. Dzięki { fetchedValue && ... } ładuje komponent dopiero gdy coś tam jest.
  • Odpowiedz
@scorpio18k: wszystko zależy co chcesz osiągnąć. To co zrobiłeś to nazywa się conditional rendering czyli jak fetchedValue będzie "truly"' to wyrenderuje się . Równie dobrze mogłeś zostawić jak miałeś i w środku Example sprawdzać czy value nie istnieje i wyświetlać np. loader itd.
  • Odpowiedz
#anonimowemirkowyznania
Skąd wiedzieć, że jesteśmy gotowi żeby móc aplikować jako junior do IT xd? Założmy, że chce się przebranżowić na np. fronend developera. Zaczynam od jednego kursu, potem robię kolejny i co dalej xd? Zrobię z 2-3 kursy ale będę umiał załóżmy na pamięć tylko te przykłady z kursu a w robocie może być wszystko inne. Trzeba przerobić tyle kursów żeby być przygotowanym na różne scenariusze czy co :D? Ewentualnie
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Skąd wiedzieć, że jesteśmy gotowi żeby móc aplikować jako junior do IT xd?


@AnonimoweMirkoWyznania: Z d--y, po prostu aplikuj gdzie się da i zbieraj feedback, to będziesz wiedział, czego Ci brakuje, żeby dostać robotę. I żadne kursy, co najwyżej jakieś darmowe z totalnych podstaw, a dalej tylko i wyłącznie własne projekty.
  • Odpowiedz
Założmy, że chce się przebranżowić na np. fronend developera. Zaczynam od jednego kursu, potem robię kolejny i co dalej xd? Zrobię z 2-3 kursy ale będę umiał załóżmy na pamięć tylko te przykłady z kursu a w robocie może być wszystko inne. Trzeba przerobić tyle kursów żeby być przygotowanym na różne scenariusze czy co :D? Ewentualnie wchodzę sobie na ogłoszenie juniorskie i widzę, że chcą: JS, HTML, CSS, MySQL, GIT i rozumiem,
  • Odpowiedz
W jaki sposób useEffect wie/widzi, które "zewnętrzne" zmienne zostały użyte w podanej funkcji i muszą znaleźć się na liście zależności? Chyba nie analizuje jej składni?
#react
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 1
@nunczako: generalnie to za powiedzi odpowiada odpowiednio skonfigurowany linter który może zasugerować jakie dependencies powinien mieć useEffect ale działa to na zasadzie analizy tego co w tym useEffectcie się znajduje. Jak załóżmy masz w ciele useEffecta zmienna count którą używasz jako parametr funkcji to właśnie count powinien się znaleźć w dependencies żeby React wiedział że musi odpalić useEffect jak tylko count się zmieni
  • Odpowiedz
dobra, tworzycie funkcje w komponencie, to uzywacie klasycznej deklaracji czy arrow function? z jakiego powodu jedno albo drugie?

#react #javascript
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@wybacz: tak w 95% sytuacji arrow function. W zasadzie zwykłego typu używam tylko w 2 wypadkach
1. Gdy oczekuję, że gdzieś będzie zmieniany kontekst
2. Gdy mi się zapomni i wiem, że funkcja i tak nie używa thisa :)
  • Odpowiedz
[test, setTest] = useState("X")

Czy przy użyciu setTest((arg)=>{ ......... })
do arg trafia domyślnie to co aktualnie znajduje się wewnątrz "test" czyli w tym wypadku "X" ?

#react #reactjs
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#anonimowemirkowyznania
Skąd wiedzieć, że jesteśmy gotowi żeby móc aplikować jako junior do IT xd? Założmy, że chce się przebranżowić na np. fronend developera. Zaczynam od jednego kursu, potem robię kolejny i co dalej xd? Zrobię z 2-3 kursy ale będę umiał załóżmy na pamięć tylko te przykłady z kursu a w robocie może być wszystko inne. Trzeba przerobić tyle kursów żeby być przygotowanym na różne scenariusze czy co :D? Ewentualnie
AnonimoweMirkoWyznania - #anonimowemirkowyznania 
Skąd wiedzieć, że jesteśmy gotowi ż...

źródło: comment_1657984656yWPY9M7XbvLN8FLkZOgvuL.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Wymyślasz sobie jakiś projekt. Jeżeli do tej pory działałeś w jakiejś branży, to próbujesz napisać aplikację, która rozwiązuje jakiś problem z tej branży. Może np. byłeś fotografem i zrobisz aplikację do tworzenia kolaży. Albo tworzenia albumów, sortowania zdjęć i filtrowania po tagach, kategoriach i ocenie w gwiazdkach. Wymyślasz aplikacje, spisujesz założenia. Najlepiej coś, co czujesz że w miarę jesteś w stanie ogarnąć. Teraz zaczynasz tworzyć i ten proces tworzenia to jest nauka
  • Odpowiedz