jak widać tutaj - https://overreacted.io/things-i-dont-know-as-of-2018/ - nie trzeba wiedzieć za dużo aby dostać pracę w facebooku - wystarczy stworzyć bibliotekę którą ludzie będą używać #react #redux #programowanie #kariera
Wszystko
Wszystkie
Archiwum
nie trzeba wiedzieć za dużo aby dostać pracę w facebooku - wystarczy stworzyć bibliotekę którą ludzie będą używać
@mirasKo-Kalwario: Nie no, przecież Dan Abramow nie wie za dużo ¯\_(ツ)_/¯
ekmh tak napisał na blogu
@mirasKo-Kalwario:
Python. I feel bad about this one — I have worked with Python for several years at some point and I’ve never bothered to actually learn it. There are many things there like import behavior that are completely opaque to me.
Jego nie-umiem jest na zupełnie innym poziomie niż ci się wydaje
Natrafiłem na PureComponent w aplikacji #react #redux.Tak na chłopski rozum #pytanie mam ;) czym się on różni od zwykłego komponentu i kiedy mam go użyć, a kiedy nie ? Z góry dziękuję. #naukaprogramowania #programowanie
Przydaje się jak przekazujesz dużo propsów a nie chcesz żeby się przerenderowywał za każdym razem jak któryś się zmieni. Możesz go sobie odświeżyć na żądanie.
@Cashflow88: różni się tym, że
PureComponent ma zaimplementowane shouldComponentUpdate (zwykły shallowEqual), a Component nie maHej, mam projekt react + redux, #pytaniedoeksperta gdzie mam robić zapytania do API? W componentWillMount, konstruktor, render ... ? W jakimś onClick ? Poleci ktoś dobry poradnik, kurs gdzie mi to wszystko wyjaśnią z zaletami i wadami danego rozwiązania ;)
#react #redux #js #javascript #naukaprogramowania
#react #redux #js #javascript #naukaprogramowania
@Cashflow88: no napisał Ci, w componentDidMount odpalasz sobie calla do API, najlepiej przez akcje
@Cashflow88: Im mniej takiej logiki w komponentach tym lepiej. W idealnym świecie: user idzie do
app/cleints -> akcja [zaszła nawigacja do listy klientów] -> process manager ['wyślij zapytanie do API'] (redux-observable/saga/whateva) -> akcja ['zapytanie do API powiodło się'] -> zmiana stanu aplikacji -> przerenderowanie komponentów które subskrybują do danej części stanu aplikacji.Dobry wieczór Mirki z #react #redux #programowanie #frontend . Czy jeśli chcę usunąć element z tablicy, która jest przechowywana w Redux Store, to dobrą praktyką jest np. nadać każdemu elementowi w tablicy UUID i usuwać na podstawie tego id? Niby małe prawdopodobieństwo, żeby elementy mi się powtórzyły w tablicy, no ale jednak chciałbym to zrobić tak jak należy.
konto usunięte via Wykop Mobilny (Android)
@golson: jak je wyświetlasz to i tak chyba jakiś "key" musiałeś im nadać?
@golson: pomysł tak, że nie chcesz usunąć element z tablicy, tylko w jakiś sposób chcesz zmienić stan aplikacji. A że to na końcu jest array, to tylko dekoracja. :)
#naukaprogramowania Jak mam podzielić ten komponent na głupi i mądry? Chodzi o to, że podświetlone metody muszą działać. #redux #react
źródło: comment_rVTgs35gGhmmogoeiCnIAELnaeAjWCRg.jpg
Pobierz@Cashflow88: już chyba wiem o co Ci chodziło, skupiłem się tylko na zaznaczonym fragmencie a Tobie pewnie chodziło o
No to też prosta sprawa. W tym przypadku możesz po prostu zrobić
i przenieść sobie ten
W tym przypadku będziesz mieć "mądry" komponent Registration który "zarządza" i komponent
renderRegistration?No to też prosta sprawa. W tym przypadku możesz po prostu zrobić
i przenieść sobie ten
renderRegistration najlepiej do nowego pliku (i zmienić nazwę na np. RegistrationFormFields.W tym przypadku będziesz mieć "mądry" komponent Registration który "zarządza" i komponent
RegistrationFormFields który jest "głupi" i tylko renderuje.@Rst00: tak też uczynię ;)
Szukam jakiegoś na prawdę dobrego , pro kursu #react #redux . Z neta nauczyłem się i uczę nie mogę ale czuje że fajnie byłoby mieć pod ręką coś co by mi uporzadkowalo wiedzę i wyeliminowalo jakieś źle praktyki w zalazku.
Może być płatny. #javascript #webdev
Może być płatny. #javascript #webdev
@trustME: frontendmasters
Jak działa Redux od środka - własna implementacja
Nie tak dawno popełniłem post na temat tego jak działa biblioteka Redux od środka. Jeśli ktoś chciałby zobaczyć jak można napisać własną implementację - zapraszam!
z- 0
- #
- #
- #
- #
- #
@veranoo: Dla prostych formularzy napisałbym takie rozwiazanie samemu. Ostatnio nie siedziałem za bardzo w reactcie, więc nie polecę żadnej libki, ale każda, która posiada zestaw walidatorów, nie ma zależności i przeprowadza walidację bez wysyłania stanu w kosmos jest warta rozważenia.
Cześć!
Pomyślałem sobie że nie ma co siedzieć na dupie tylko trzeba się wziąć za coś żeby potem nie żałować, że zmarnowałem życie ;D
TL;DR Nauczę się programowania prawie od 0 i znajdę pracę w 200 dni, mam nadzieję xD (obserwuj tag #200dnikodzenia po cotygodniowe podsumowania), no i #rozdajo dwóch kluczyków do csgo ;p (mam też dużo na sprzedaż po 5.70)
Wpadłem więc na pomysł że zrobię sobie takie wyzwanie, #200dnikodzenia, lub coś w tym stylu. Pamiętam, że dawno temu był #500dayschallenge, ale @DobryProgramista dostał bana i na tym to
Pomyślałem sobie że nie ma co siedzieć na dupie tylko trzeba się wziąć za coś żeby potem nie żałować, że zmarnowałem życie ;D
TL;DR Nauczę się programowania prawie od 0 i znajdę pracę w 200 dni, mam nadzieję xD (obserwuj tag #200dnikodzenia po cotygodniowe podsumowania), no i #rozdajo dwóch kluczyków do csgo ;p (mam też dużo na sprzedaż po 5.70)
Wpadłem więc na pomysł że zrobię sobie takie wyzwanie, #200dnikodzenia, lub coś w tym stylu. Pamiętam, że dawno temu był #500dayschallenge, ale @DobryProgramista dostał bana i na tym to
Nauczę się programowania prawie od 0
A jednocześnie:
Napisałem w React prostą stronkę z obsługą API YouTube, taki własny YouTube z "kradzionymi" filmikami ( ͡° ͜ʖ ͡°), kiedyś napisałem skrypt, który klikał za mnie pewne rzeczy na stronie, łącznie to miało z 300 linijek, pełno funkcji itp. a z 5 lat temu napisałem plugin na latający dywan do Minecrafta xD i konsolową minigierkę RPG, którą się przechodziło 15
@RayColl_PL: Weź Ty się naucz czystego JS najpierw, bo jest mnóstwo takich co "a wezmę se frejmłork, coś napiszę i już wszystko umim", a potem jest voodoo programming i spaghetti code, bo nawet asynchroniczności nie ogarniają.
Redux nie tylko dla Reacta
Reduxa możemy używać nie tylko w połączeniu z Reactem. Dziś wziąłem na celownik Angulara i sprawdziłem czy da się prosto go połączyć z tym rozwiązaniem. Jeśli jesteście ciekawi to zapraszam
z- 0
- #
- #
- #
- #
- #
- #
Czy robisz TDD/BDD w JS?
- Robię TDD (najpierw testy, potem implementacja) 10.8% (4)
- Robię BDD (spec'i najpierw) 8.1% (3)
- Piszę testy po napisaniu kodu 10.8% (4)
- Piszę trochę testów, ale mało 13.5% (5)
- Nie piszę testów - bo nie ma na to czasu 13.5% (5)
- Nie piszę testów - bo to głupota 0% (0)
- Nie piszę testów - od testowania mamy testerów 5.4% (2)
- Chciałbym pisać testy, ale mój zespół nie chce 8.1% (3)
- Nie wiem co to TDD 27.0% (10)
- MSD (MS Development) Kompiluje się, Sprzedajemy! 2.7% (1)
Potem okazuje się, że wcale nie zajmuje dłużej i jest wygodniej
@mortt: zgadzam się, a nawet powiem że jest szybciej, bo mnie już trafia jak muszę ciągle się przeklikiwać po każdej głupiej zmianie, bo jeszcze nie mam testów, znaczy mam dwa widoki na razie... Tak czy siak, próbuję teraz zrobić do nich testy, ale po dwóch godzinach walki z jest'em okazuje się że bardzo się on nie lubi z webpackiem
@mktos: niestety nie korzystam z jesta wiec ciezko mi sie wypowiedziec, ale wydaje mi sie to dziwne zeby byly jakies problemy z webpakiem
impas w #redux #javascript
1. Jak się robi validację?
Mam reducer, który dodaje kolejny obiekt do kolekcji obiektów, każdy z tych obiektów ma property "name", które ma myć unikalne. Gdzie to weryfikować?
2. Komponent, który dodaje nowy obiekt do kolekcji, po dodaniu przełącza widok na index - listę tych obiektów... Robię to tak że dispatch'óję akcję dodawania i przełączam się na inny widok (history.puch)...
Jak zrobić żeby to
1. Jak się robi validację?
Mam reducer, który dodaje kolejny obiekt do kolekcji obiektów, każdy z tych obiektów ma property "name", które ma myć unikalne. Gdzie to weryfikować?
2. Komponent, który dodaje nowy obiekt do kolekcji, po dodaniu przełącza widok na index - listę tych obiektów... Robię to tak że dispatch'óję akcję dodawania i przełączam się na inny widok (history.puch)...
Jak zrobić żeby to
@mktos: 1. mozesz w samym reducerze, sprawdz czy jest unikalne i jesli tak to dopiero dodaj (jesli dobrze rozumiem twoj przypadek). Możesz też to sprawdzic przed wyslaniem akcji.
2. mozesz obserwowac ta kolekcje w komponencie i jak jest nowa wartosc to porownac czy jest cos dodane i jesli tak to wtedy wywolac history.push. Jeśli używasz reacta to przekazujesz ta kolekcje w funkcji mapStateToProps, a potem obserwujesz zmiany np w componentWillReceiveProps
2. mozesz obserwowac ta kolekcje w komponencie i jak jest nowa wartosc to porownac czy jest cos dodane i jesli tak to wtedy wywolac history.push. Jeśli używasz reacta to przekazujesz ta kolekcje w funkcji mapStateToProps, a potem obserwujesz zmiany np w componentWillReceiveProps
Chciałbym wywołać małą dyskusje na temat #webdev Zaczynam robić małą grę przeglądarkową. Celem jest osiągnięcie czegoś w stylu OGame. Chciałbym żeby posiadała elementy rpg, ekonomii i trochę walki klanów. Uczę się #react #redux #nodejs #mongodb i tego zestawu chciałbym użyć do wykonania całej gry. Czy sądzicie że jest to dobre połączenie technologii? Czy powinienem podmienić mongo na sql albo node na php?
@manioo23 obstawiam bazę SQL albo 2 rodzaje baz. Na początku może to nie mieć znaczenia, więc jeśli masz wkładać dużo wysiłku/kasy na inne rozwiązania to pewnie nie warto na tym etapie. Możesz też pomyśleć nad serverlessem na aws. Na początku nie zjedzą Cię opłaty, a zrobisz to szybciej i masz dużo narzędzi z rzeczami out of the box
Siema. Mam sprawę dotyczącą Redux Saga. Mam standardowego Middleware'a z odpytywaniem endpointu i robieniem akcji sukces albo błąd. Odpytywanie endpointu to tak naprawdę upload FetchBlobem. Chciałbym mieć akcję, która jest w stnie w dowolnym momencie anulować tego calla i najlepiej żeby w reducerach zmieniała stan na taki jaki chcę. Jak to zaimplementować? Patrzę na przykłady z cancelem i nie za bardzo łapię jak to ma działać, a fetchblob sam z siebie także
kod#programista15k na wykop specjalizujący się w #javascript #react #graphql mam ciekawy przypadek :D Postanowiłem sobie pstryknąć nowy projekcik, ale bez #redux tylko #graphql no i postawiłem sobie wszystko tak jak jest w docu napisane, ale mam błąd w konsoli "Module not found: Can't resolve 'graphql-anywhere/lib/async' in 'C:\js-projects\apollo-graphq-app\node_modules\apollo-link-state\lib'" ( ͡° ͜ʖ ͡°)Znalazłem na necie, że to jakiś stary problem rozwiązany już dawno temu, ale o dziwo u mnie na najnowszych paczkach występuje :D Poniżej mój cały, zaawansowany kod na froncie, bo dopiero sobie backend postawiłem na nodzie
Naprawdę nie mam pojęcia co tutaj może być nie tak (╯