Wszystko
Wszystkie
Archiwum
- 2
- 432
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,
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,
- donn_pedro
- ty_wuju
- kasza_w_spreju
- Docx
- DaaVeeD
- +427 innych
- 274
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
- konto usunięte
- Senthill
- konto usunięte
- konto usunięte
- konto usunięte
- +269 innych
- 8
1
Redux nie tylko dla Reacta
![Redux nie tylko dla Reacta](https://wykop.pl/cdn/c3397993/link_PiiZ1p1LDgTSyMIhXq9VorB1jNAIQsAh,w220h142.jpg)
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- Dodaj Komentarz
- #
- #
- #
- #
- #
- #
- 3
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)
- 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 i
- 3
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 się działo tylko po
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 się działo tylko po
- 1
@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? edit: #programowanie mam nadzieje że też dorzucicie mi waszego doświadczenia
@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
- 2
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
- 4
- 14
@xDrope: Wooo #!$%@? dawno tak bardzo nic nie zrozumiałem xD
- Zergall
- Antonyo77
- konto usunięte
- TenSoon
- pomarancza_
- +9 innych
- 3
Potrzebny spec od sagi. Jak mam 2 requesty wywoływane przez usera oddzielnie i jeden potrzebuje drugiego to jak to rozegrać? Drugi request musi czekać na response pierwszego, ale to user decyduje kiedy wysyła pierwszy i drugi request. Domyślam się, że w roocie sagi powinienem to handlować. Ja trochę cannot into saga, ale może ktoś pomorze #pdk
#programowanie #react #redux #webdev
#programowanie #react #redux #webdev
- 8
- 3
@pwn3r: aż strach pytać o kotlina xD
@andrew1985: to to wiem. Problem był taki, że pierwszy request to upload danych w tle, a drugi to dopiero parametry do tamtych danych jak nazwa itp. Oba odpalane z przycisków. Najbrzydziej to właśnie z taką flagą z pierwszego requesta wsadzić w intervala odpalającego się przy próbie drugiego requesta. Drugi zależny jest od pierwszego i nie tylko success czy failure, ale także dane z
@andrew1985: to to wiem. Problem był taki, że pierwszy request to upload danych w tle, a drugi to dopiero parametry do tamtych danych jak nazwa itp. Oba odpalane z przycisków. Najbrzydziej to właśnie z taką flagą z pierwszego requesta wsadzić w intervala odpalającego się przy próbie drugiego requesta. Drugi zależny jest od pierwszego i nie tylko success czy failure, ale także dane z
- 3
Powiedzmy mamę apkę listującą posty, ktoś dodał posta - powinnienem:
1. wywołać akcję dodania posta i dodać go lokalnie do postów w reducer a potem znów pobrać listę postów z serwera
2. wywołać akcję dodania posta (ale nie obsługiwać jej w reducerze), i potem po prostu pobrać listę postów z serwera?
Bo wydaje mi się złą praktyką wywoływanie akcji i dispatch tylko typu, nie obsługujemy w reducerze nic
#react #frontend #javascript #
1. wywołać akcję dodania posta i dodać go lokalnie do postów w reducer a potem znów pobrać listę postów z serwera
2. wywołać akcję dodania posta (ale nie obsługiwać jej w reducerze), i potem po prostu pobrać listę postów z serwera?
Bo wydaje mi się złą praktyką wywoływanie akcji i dispatch tylko typu, nie obsługujemy w reducerze nic
#react #frontend #javascript #
- 2
- 2
#javascript #react #redux #saga #reactjs
jestem frontendowo-reactowym laikiem, stąd moje pytania:
jeśli użytkownik poda poprawną parę login+hasło to pobieram sobie token z backendu. wszystko fajnie, token siedzi sobie w ciastku, teraz chciałbym część contentu na stronie wyświetlać tylko dla zalogowanych użytkowników, część dla niezalogowanych, a część dla wszystkich. teraz moje pytania:
a) trzymać w globalnym stanie informację o tym czy użytkownik jest zalogowany to trochę słaby pomysl. w przypadku wysyłania requestów wystarczy
jestem frontendowo-reactowym laikiem, stąd moje pytania:
jeśli użytkownik poda poprawną parę login+hasło to pobieram sobie token z backendu. wszystko fajnie, token siedzi sobie w ciastku, teraz chciałbym część contentu na stronie wyświetlać tylko dla zalogowanych użytkowników, część dla niezalogowanych, a część dla wszystkich. teraz moje pytania:
a) trzymać w globalnym stanie informację o tym czy użytkownik jest zalogowany to trochę słaby pomysl. w przypadku wysyłania requestów wystarczy
a), jeśli masz w state info, że jest zalogowany to stąd też weźmiesz te dane do wyświetlenia danych na modalu, token jest tylko po to by móc pobierać dane z backendu.
b). dlaczego niebezpiecznie trzymać informację o zalogowaniu w stanie? Póki użytkownik nie zostanie zweryfikowany przez backend i nie otrzyma tokenu nie dostanie też informacji wrażliwych. Nawet jeśli zmodyfikuje stan aplikacji w locie to nie będzie miał wrażliwych danych.
c) po co
b). dlaczego niebezpiecznie trzymać informację o zalogowaniu w stanie? Póki użytkownik nie zostanie zweryfikowany przez backend i nie otrzyma tokenu nie dostanie też informacji wrażliwych. Nawet jeśli zmodyfikuje stan aplikacji w locie to nie będzie miał wrażliwych danych.
c) po co
@mask0pat0l: .
Mirki problem mam dość poważny. Otóż napisałem sobie apkę w #react + #redux + react-router i wszystko śmiga na serwerze developerskim ale już po zminifikowaniu nie działa ( ͡° ʖ̯ ͡°) Coś przeczytałem że redux się gryzie z react-router. Ale nie trzymam żadnych urli w reduxie i nie opieram się w żaden sposób (wyciągam tylko z nich id). Wiecie co może być problemem?
Jeśli wyrzucę redux () to
Jeśli wyrzucę redux () to
![P.....M - Mirki problem mam dość poważny. Otóż napisałem sobie apkę w #react + #redux...](https://wykop.pl/cdn/c3201142/comment_sQNsGlfOgW1KgqPhEH616eve0aqLpDwm,w400.jpg)
źródło: comment_sQNsGlfOgW1KgqPhEH616eve0aqLpDwm.jpg
PobierzKomentarz usunięty przez autora
- 2
@toomanyasterisk:
1. The component is connected to redux via connect()(Comp).
2 .The component is not a “route component”, meaning it is not rendered like so:
Dobra. Teraz zauważyłem że 1 punkt mnie obejmuje ( ͡° ʖ̯ ͡°) Skupiłem się na 2 punkcie.
Dziękuje bardzo za pomoc ( ͡°
withRouter(connect(mapStateToProps, mapDispatchToProps)(App));
załatwiło sprawę ale nie rozumiem czemu tutaj jest tak napisane (myślałem że mnie to nie dotyczy)1. The component is connected to redux via connect()(Comp).
2 .The component is not a “route component”, meaning it is not rendered like so:
Dobra. Teraz zauważyłem że 1 punkt mnie obejmuje ( ͡° ʖ̯ ͡°) Skupiłem się na 2 punkcie.
Dziękuje bardzo za pomoc ( ͡°
- 4
Cześć. Mam apkę w React-Native i mam sporo zagnieżdżonych navigatorów. Mam DraverNavigation, w którym jest TabNavigator i zwykły screen. A w tym TabNavigator mam kilka ekranów, które są w StackNavigator. Chciałbym dorobić do tego Header. Ale tylko w tym TabNavigator. Tego natomaist się nie da i musiałbym dać to do StackNavigator. Dlatego myślałem, żeby zrobić customowy header jako komponent. I tutaj pytanie czy to jest dobre rozwiązanie, żeby w tym przypadku użyć
- 2
@cycun: Domyślam się, że korzystasz z react-navigation. Nie ma rozwiązań złych, są tylko abstrakcyjne ( ͡° ͜ʖ ͡°). O ile mnie pamięć nie myli to w miejscu gdzie definiujesz ścieżki możesz dać parametry do konkretnej części nawigacji. Jeśli mimo to tak jak piszesz w zagnieżdżonym stack navigatorze robi Ci się header to ustaw dla stack navigatora brak headera ręcznie (gdzieś w dokumentacji widziałem, że jest parametr, który
Mircy pomuszcie #react #frontend #webdev
Nurtuje mnie jedna kwestia. Otóż w czym #redux jest lepszy od takiego ułożenia aplikacji:
Zakładając że wszystkie operację będziemy przeprowadzali na stanie komponentu (kontenera) App.
Wydaje mi się że czegoś nie rozumiem, bo nie widzę żadnych zalet używania reduxa. Ba, nawet skomplikowanie w jego dołączeniu do projektu / używanie może bardzo skomplikować całą aplikację.
Jest ktoś kto by to sensownie wytłumaczył?
Nurtuje mnie jedna kwestia. Otóż w czym #redux jest lepszy od takiego ułożenia aplikacji:
Zakładając że wszystkie operację będziemy przeprowadzali na stanie komponentu (kontenera) App.
Wydaje mi się że czegoś nie rozumiem, bo nie widzę żadnych zalet używania reduxa. Ba, nawet skomplikowanie w jego dołączeniu do projektu / używanie może bardzo skomplikować całą aplikację.
Jest ktoś kto by to sensownie wytłumaczył?
Przykład który podałeś jest ultra prosty, w normalnym życiu ułożenie komponentów jest dużo bardziej złożone i w dużych aplikacjach przy przekazywaniu danych przez propsy robi się po jakimś czasie koszmarny burdel nad którym nie sposób zapanować. Wyobraź sobie, że masz komponent z którego chcesz przekazać dane do komponentu który jest 4 levele niżej, musisz przekazać te dane przez każdy komponent dodatkowo zachowując jakieś sensowne nazewnictwo. Dodatkowo Redux daje Ci dostęp do store'a
- 2
@mrooczilla: Właśnie w podanym przez ciebie linku było o tym przy reprodukowaniu bugów. Również fajne jest to że możesz zapisywać stan aplikacji i po wyłączaniu strony i włączeniu ponownie stan jest taki jak przed wyłączeniem strony.
@wyrdrender: Tak właśnie. Ten link: https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367 oraz poprzez po testowanie na różny sposób aplikacji zauważyłem to że właśnie odwoływanie się do akcji jest dużo łatwiejsze.
Jeszcze tylko ostatnia kwestia:
Zastanawiam się gdzie umieszczać logikę
@wyrdrender: Tak właśnie. Ten link: https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367 oraz poprzez po testowanie na różny sposób aplikacji zauważyłem to że właśnie odwoływanie się do akcji jest dużo łatwiejsze.
Jeszcze tylko ostatnia kwestia:
Zastanawiam się gdzie umieszczać logikę
- 2
Tak się uczę tego #react i #redux i kminię czemu to wszystko jest takie pogmatwane, w końcu nabierze to barw i będzie zrozumiałe, czy wy, którzy kodzicie już +6 miesięcy, dalej myslicie że to trochę jest przerost formy nad treścią?
#programowanie #niepopularnaopinia
#programowanie #niepopularnaopinia
@Zolek: Od niedawna programuje ale pokochałem Reacta szczerą miłością.Z resztą koncepcje Reacta nie są zbyt pogmatwane imo,na przykład w porównaniu do Angulara.
- 1
react to jest gowno. typowy przerost formy nad trescia. zacznij sie uczyc Vue - jest o niebo bardziej zrozumialy i po prostu bardziej user-friendly. nie bez kozery np Laravel domyslnie wspiera Vue a nie Reacta.
Witajcie!
Stworzyłem aplikację webową, dzięki której skonfigurujecie pliki konfiguracyjne WebPack'a oraz pokrewne (package.json, .babelrc) jedynie za pomocą graficznego interfejsu użytkownika.
Aplikacja może mieć jakieś pomniejsze bugi, jednakże configi które na niej do tej tworzyłem działały prawidłowo, więc liczę na to, że Wam również niemiłe niespodzianki się nie przydarzą. A jeśli jednak, to zapraszam do reportowania ich tutaj, bądź na GitHubie.
Narzędzie będzie stale rozwijane, a wszelkie błędy na bieżąco poprawiane.
Zapraszam do
Stworzyłem aplikację webową, dzięki której skonfigurujecie pliki konfiguracyjne WebPack'a oraz pokrewne (package.json, .babelrc) jedynie za pomocą graficznego interfejsu użytkownika.
Aplikacja może mieć jakieś pomniejsze bugi, jednakże configi które na niej do tej tworzyłem działały prawidłowo, więc liczę na to, że Wam również niemiłe niespodzianki się nie przydarzą. A jeśli jednak, to zapraszam do reportowania ich tutaj, bądź na GitHubie.
Narzędzie będzie stale rozwijane, a wszelkie błędy na bieżąco poprawiane.
Zapraszam do
- mk321
- konto usunięte
- qwelukasz
- michalion
- ppawel
- +7 innych
- 3
@trustME: Przekonałeś mnie ;)
- 3
@kontoBoDziennyRaziWOczy: a czemu daje stare dependencies?
- 2
@kontoBoDziennyRaziWOczy: Żadnych błędów w konsoli? Bo "u mnie działa".
https://jsbin.com/tituwuxumo/edit?js,console,output
Użyłeś componentu Provider przy renderowaniu?
https://jsbin.com/tituwuxumo/edit?js,console,output
Użyłeś componentu Provider przy renderowaniu?
-> Zapisz się na mirkolistę: https://mirkolisty.pvu.pl/list/kqLmWfjCV96YaWzk
-> AlertTag: #justnewsit
01 #google uruchamia '#data Transfer Project, który ma ułatwić przenoszenie danych między różnymi serwisami.
https://thehackernews.com/2018/07/google-data-transfer-project.html
02 Podstawy #javascript przed nauką #react
https://www.robinwieruch.de/javascript-fundamentals-react-requirements/
03 CppCast - rozmowa na temat wzoców projektowych