Wszystko

Wszystkie

Archiwum

JustJoinIT
JustJoinIT
  • 6
@JustJoinIT: Cześć Mirki i Mirabelki, przygotowaliśmy prasówkę z newsami z branży technologicznej i IT. Każdy znajdzie coś dla siebie: od #junior do #programista15 ( ͡º ͜ʖ͡º)

-> 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
R.....L
R.....L
  • 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,
M.....a
M.....a
  • 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
mktos
mktos
  • 3
Programirki szukam materiałów tutków o #tdd w #react / #redux. Znacie jakieś fajne, oprócz tego co jest na oficjalnych stronach #jest / #enzyme?

A do tego mała sonda, przyznać się kto nie pisze testów ( ͡° ʖ̯ ͡°)

#javascript

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)

Oddanych głosów: 37

mktos
mktos
  • 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
mktos
mktos
  • 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
Johnny_
Johnny_
  • 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
manioo23
manioo23
  • 4
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
xDrope
xDrope
  • 1
@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
xDrope
xDrope
  • 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
xDrope
xDrope
  • 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
inteli
inteli
  • 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 #
m.....l
m.....l
  • 3
#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
h.....s
h.....s
  • 5
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
P.....M
P.....M
  • 3
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
P.....M - Mirki problem mam dość poważny. Otóż napisałem sobie apkę w #react + #redux...

źródło: comment_sQNsGlfOgW1KgqPhEH616eve0aqLpDwm.jpg

Pobierz
P.....M
P.....M
  • 2
@toomanyasterisk: 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 ( ͡°
cycun
cycun
  • 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ć
xDrope
xDrope
  • 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
P.....M
P.....M
  • 5
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ł?
wyrdrender
wyrdrender
  • 1
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
P.....M
P.....M
  • 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ę
misieg8
misieg8
  • 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.
kontoBoDziennyRaziWOczy
kontoBoDziennyRaziWOczy
  • 12
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

Powiązane tagi