Mam apkę w Reactie do wyświetlania wykresu. Dane do rysowania są ładowane po websockecie a wykres jest aktualizowany na bieżąco. Obecnie przechowuję dane w stanie komponentu. Jak sprawić, żeby przechowywać te dane w aplikacji i żeby każdy użytkownik widział dokładnie ten sam wykres w tym samym momencie? Z tego co rozumiem localStorage przechowuje dane w przeglądarce użytkownika, więc każdy z nich będzie widział co innego. Czy do czegoś takiego powinienem wykorzystać Redux?
Wszystko
Najnowsze
Archiwum
- 4
@papaj42: każdemu użytkownikowi wysyłać dokładnie te same dane po websockecie?
- 1
@papaj42: No niezbyt tak zrobisz bez zapytania serwera na starcie. Pomyśl sobie, że użytkownik ma wolne łącze i będzie miał refresh za 10 minut jego stan będzie zupełnie rozjechany. Jak interwał to 5 sekund to każde odświeżenie które załaduje dane dalej niż w ciągu tych 5 sek (- czas pobrania ostatnich danych) będzie powodowało lukę. Na refresh/start apki musiałbyś sobie pobierać startową paczkę danych.
https://codesandbox.io/s/thirsty-platform-1or7z?file=/src/App.js
jakbyscie to naprawili zeby dalej moc przekazywac handleSubmita do heavycomponent, ale zeby sie on nie renderowal bo mi input w App scina przez to?
#react #javascript
jakbyscie to naprawili zeby dalej moc przekazywac handleSubmita do heavycomponent, ale zeby sie on nie renderowal bo mi input w App scina przez to?
#react #javascript
- 0
*niekontrolowanych
@wybacz: Wydzielić to do osobnego hooka i powinno wystarczyć. Wątpię aby dało się to łatwiej/ładniej zrobić bez zbędnego kombinowania lub jakiś bibliotek do formularzy/globalnego stanu
Hej,
właśnie wypuściłem swoją pierwszą aplikację na iOS. W zasadzie jest to gra - Never Have I Ever. Zawsze lubiłem w nią pograć na imprezach ze znajomymi, a brakowało mi darmowych aplikacji do tego. Wszędzie te in-app purchases... ( ͡° ͜ʖ ͡°) Postanowiłem więc wziąć się za moje pierwsze "poważniejsze" wyzwanie programistyczne i samemu to zrobić.
Aplikacja napisana w React Native i korzysta z Firebase, jako backend. Całość w sumie zajęłaby mi tydzień,
właśnie wypuściłem swoją pierwszą aplikację na iOS. W zasadzie jest to gra - Never Have I Ever. Zawsze lubiłem w nią pograć na imprezach ze znajomymi, a brakowało mi darmowych aplikacji do tego. Wszędzie te in-app purchases... ( ͡° ͜ʖ ͡°) Postanowiłem więc wziąć się za moje pierwsze "poważniejsze" wyzwanie programistyczne i samemu to zrobić.
Aplikacja napisana w React Native i korzysta z Firebase, jako backend. Całość w sumie zajęłaby mi tydzień,
źródło: comment_1631277484OZcaTvSEppWzioiO3FHj3B.jpg
Pobierz
konto usunięte via Zakop
- 1
@lolekbezlolek: karty sie co chwile powtarzaja, po swipowalem sobie chwile jedna z kategorii i te sama karte widzialem chyba z 5 razy.
Brakuje mozliwosci usuniecia reklam za jakas symboliczna kwote
Brakuje mozliwosci usuniecia reklam za jakas symboliczna kwote
- 0
@letsgetreadytorumble:
1. brak iPada, żeby to ładnie przetestować no i lenistwo trochę ( ͡° ͜ʖ ͡°)
2. tak miało w sumie być, taka animacja "wskakiwania" do stosu, ale dzięki za opinię, przemyślę to
1. brak iPada, żeby to ładnie przetestować no i lenistwo trochę ( ͡° ͜ʖ ͡°)
2. tak miało w sumie być, taka animacja "wskakiwania" do stosu, ale dzięki za opinię, przemyślę to
Prosta sprawa, ale nie daje mi spokoju. Chodzi o zasady tworzenia komponentu.
Mamy HeaderComponent w nim Mają być buttony.
Powinno się zrobić osobny komponent do każdego buttona czy zrobić jeden i w HeaderComponent go ogarnąć przez propsy i props.children. Button nie ma logiki - tzn nie wyświetla nic ze statu, każdy z 3 przyjmuje tylko onClick. Button ma title i icon.
Jakie zasady powinno się stosować. ButtonHeader 3x ( wszystko w propsach, ew props.children
Mamy HeaderComponent w nim Mają być buttony.
Powinno się zrobić osobny komponent do każdego buttona czy zrobić jeden i w HeaderComponent go ogarnąć przez propsy i props.children. Button nie ma logiki - tzn nie wyświetla nic ze statu, każdy z 3 przyjmuje tylko onClick. Button ma title i icon.
Jakie zasady powinno się stosować. ButtonHeader 3x ( wszystko w propsach, ew props.children
- 0
@BomBom: Dobra a co w przypadku gdyby ten button miał jakiegoś w którym wyświetla jakiś status -- np przez Context z głównego app - jakiś state o ilości np tasków do zrobienia.
- 0
@NiewzruszonaMasa: Możesz też w propsach dać np jakiś true/false lub samą wartość i wewnątrz tego buttona definiować czy są propsy lub dane czy powinno się coś renderować czy nie.
Tzn ja bym tak to robił, ale pewnie programiści wykopowi 15k zrobiliby to inaczej ;p
Tzn ja bym tak to robił, ale pewnie programiści wykopowi 15k zrobiliby to inaczej ;p
Czy w react w class components jest jakiś odpowiednik computed z vue? Wiem, że jest hook useEffect, ale on działa tylko w funkcyjnych ;( #react #javascript #naukaprogramowania
- 1
- 3
@SalsaDeAmigo: A odpowiednik w komponencie funkcyjnym to by było użycie useMemo
- 0
Hejka, szukam kogoś doświadczonego w reacie do nowego projektu w mojej firmie, stawka 100-150 złotych na godzinę, rozliczenie b2b. Praca zdalna
Nowy projekt react, typescript, trochę react-native. Ktoś zainteresowany ?
#react
Nowy projekt react, typescript, trochę react-native. Ktoś zainteresowany ?
#react
Mirabelki i Miraski,
ktoś może szuka pracy jako reactowiec?
Firma: Praetorian Technology (przedsiębiorstwo z kapitałem brytyjskim, istnieje prawie 2 lata)
Forma: zdalna
Pensja: 19-25k netto na fakturze, możliwość innych form
ktoś może szuka pracy jako reactowiec?
Firma: Praetorian Technology (przedsiębiorstwo z kapitałem brytyjskim, istnieje prawie 2 lata)
Forma: zdalna
Pensja: 19-25k netto na fakturze, możliwość innych form
@suslogon-szczecinski: da rade dostać Maca albo pracowac na swoim?
- 0
@zackson: generalnie maców nie udostępniamy, raczej "zwykłe laptopy". Nie robi nam problemu jeśli ktoś chce na swoim komputerze pracować.
Coś prostego do rozrysowania logiki aplikacji - state / etc? Jakieś diagramy uml czy jak ? Projekt nie jest duży, ale wydaje mi się że przy piwku powymyślam a później rano wstaję i zanim ogarnę o czym myślałem wieczorem to muszę kolejne otworzyć. Najlepiej coś prostego i darmowego.
#react #state
#programowanie
#react #state
#programowanie
- 2
@NiewzruszonaMasa: draw.io ?
#react #webdev #programowanie
Jestem na podstronie
Jestem na podstronie
/users/form na której jest formularz użytkownika. Po zapisaniu użytkownika chciałbym dalej widzieć ten sam formularz z tym samym stanem co po zapisaniu (bez reloada), ale żeby url zmienił się na /users/:id/form. Jest to realne do zrobienia? Lub jak inaczej do tego podejść żeby to miało sens?
konto usunięte via iOS
- 1
@Alodnog: tak jak kolega wyzej napisal. Zapisz sobie dane z np responsa dodawania usera to jakiegos stanu, kontakstu czy reduxa, zrob redirect w react router i pobierz te dane z pamieci
konto usunięte via iOS
- 1
@Alodnog: Co masz na mysli piszac wyrenderowac? Wyrenderuje sie fragment strony, ktory jest podmieniany w Route. Nie bedzie fizycznego odswiezenia jak w przypadku klikniecia F5
- 0
#react #webdev #programowanie
Przekazywanie funkcji zmieniającej state do children. Która opcja i dlaczego?
Przekazywanie funkcji zmieniającej state do children. Która opcja i dlaczego?
źródło: comment_1630740339pGrHcHw9xTa31eL41VrDDs.jpg
Pobierz#anonimowemirkowyznania
Pokrótce: Tanie bootcampy to przekręt jakich niewiele, nie dajcie się jak ja złapać na miłe słówka. No i nie skąpcie na swoim rozwoju, bo to doprowadziło mnie do bankructwa.
Zacznijmy od tego, że mam kilku dawnych kolegów ze szkoły i pracują oni w IT (jeden jest na pewno programista, bo widziałem jak pisze coś w CSS). Niechętnie chwalili się oni swoimi zarobkami, to jednak po rzeczach których kupują zauważyłem to
Pokrótce: Tanie bootcampy to przekręt jakich niewiele, nie dajcie się jak ja złapać na miłe słówka. No i nie skąpcie na swoim rozwoju, bo to doprowadziło mnie do bankructwa.
Zacznijmy od tego, że mam kilku dawnych kolegów ze szkoły i pracują oni w IT (jeden jest na pewno programista, bo widziałem jak pisze coś w CSS). Niechętnie chwalili się oni swoimi zarobkami, to jednak po rzeczach których kupują zauważyłem to
- 50
@AnonimoweMirkoWyznania: Napisać tyle zdań, żeby stworzyć tak słabą zarzutkę xD
- 23
@AnonimoweMirkoWyznania: Za szybko odkryłeś karty z tym "programuje w CSS" w trzecim zdaniu
dajcie jakies fajne libki #react #javascript ktore mocno wam usprawnily prace, poprawily jakosc kodu
#webdev
#webdev
chce sobie kupić maca.
Czy jest tu jakiś React Native developer który pracuje na nowym macu z M1? Czy już wszystko bangla (np Android emulator) ? xd
Czy warto kupować czy warto poczekać?
#macbook #reactnative #react
Czy jest tu jakiś React Native developer który pracuje na nowym macu z M1? Czy już wszystko bangla (np Android emulator) ? xd
Czy warto kupować czy warto poczekać?
#macbook #reactnative #react
Komentarz usunięty przez moderatora
chce sobie kupić maca.
@Rst00: nie było sprecyzowane jakiego dokładnie chce kupić, więc podzieliłem się moją wiedzą na temat maca mini
mam problem. żeby obrazek mi działał w komponencie musze dać import xyz from ścieżka_obrazka.
czy istnieje jakaś hurtowa metoda dodawania obrazków czy każdy osobno musze importować?
#react #javascript
czy istnieje jakaś hurtowa metoda dodawania obrazków czy każdy osobno musze importować?
#react #javascript
konto usunięte via iOS
- 2
@LegatMichau: Mozesz zrobic w folderze z obrazkami plik index i tam je najpierw zaimportowac kazdy osobno a potem w komponentach juz mozesz zrobic 1 import na wszystkie
@Sheppard28: tak
- 0
@md5sum bo praca w angular to przyjemność, a w projektach z react zazwyczaj jest taki p--------k, że jedynie odpowiednie pieniądze motywują do pracy.
@md5sum powodów naprawdę jest wiele.
Cześć znajdziesz tutaj: https://link.medium.com/Xqbw6dmHUib
A pozostałą tutaj: https://qr.ae/pGU9Lp
Generalnie react jest prze-hajpowany. W dużych projektach gdzie wszyscy chcą lecieć za hajpem idą w react, którego utrzymanie w takiej skali jest bardziej złożone niż
Cześć znajdziesz tutaj: https://link.medium.com/Xqbw6dmHUib
A pozostałą tutaj: https://qr.ae/pGU9Lp
Generalnie react jest prze-hajpowany. W dużych projektach gdzie wszyscy chcą lecieć za hajpem idą w react, którego utrzymanie w takiej skali jest bardziej złożone niż
jak mam w #react jakiegos ifa, ktory wyswietla cos w zaleznosci od zmiennej
if(zmienna) alert(sekret)
to po zbuildowaniu apki, ktos moze zmienic javascript na stronie tak, zeby zmienna byla true i wyswietli sobie sekret?
#programowanie #javascript
if(zmienna) alert(sekret)
to po zbuildowaniu apki, ktos moze zmienic javascript na stronie tak, zeby zmienna byla true i wyswietli sobie sekret?
#programowanie #javascript
#javascript #programowanie #frontend #backend #react
Co myślicie o takich technologiach jak Next.js albo Gatsby, warto je dorzucić do swojego tech stacku? Używacie ich w pracy?
Co myślicie o takich technologiach jak Next.js albo Gatsby, warto je dorzucić do swojego tech stacku? Używacie ich w pracy?
co mam zrobic jak mam komponent, ktory ma jakis stan i zalozmy 10 funkcji, ktore na nim operuja, a te funkcje sa sporych rozmiarow i ostatecznie komponent puchnie przez sama logike, ehh chcialbym umiec pisac czysty kod, reduxa nie uzywam
#react #javascript
#react #javascript
- 1
@wybacz: Albo pobaw się z reducerem
- 1
@WewnetrznySpokoj: kurde, ten immer to jest cudo, kod 3x czytelniejszy, dzieki xD
Pytam zupełnie poważnie czy appki typu pogodynka XD lub formularz rejestracji/ logowania wystarczą żeby ktoś chciał spojrzeć na kod i zadać sobie trud zaproszenia na rozmowę (rekrutacyjną)? #programowanie #javascript #react
- 6
@kadet5523: tak, nawet po krótkim fragmencie kodu sporo wywnioskować o programiście
- 0
@kadet5523: Jeżeli masz w cv link do githuba to rekruter przeważnie spojrzy (ja np. zawsze spojrzę), przeważnie będzie to szybkie przejrzenie kilku plików i wyłapanie jakichś oczywistych błędów/ciekawych rozwiązań. Rzadko pogadam na rozmowie o czyimś projekcie chyba, że mnie wyjątkowo zainteresuje, czasem na podstawie takiego projektu inne pytania zadam. Trzeba pamiętać, że taki projekt również może zaszkodzić bo jak się zobaczy niechlujny kod ze słabą logiką to inaczej się patrzy















@Sheppard28:
dzięki za info, oczywiście działa - przeglądnę doksy