Chce stworzyć prostą apke chat wykorzystując websockets do portfolio ( ͡º ͜ʖ͡º) react + websockets i teraz lepiej używać jakiegoś frameworka do socketów typu socket.io czy pisać na sucho wykorzystując WebSockets API ? Co polecacie?
#react #frontend
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@PerfectM: Chcesz mieć dobrą pracę? Rób szybko to co jest do zrobienia.
Chcesz być guru w swojej dziedzinie? Rób narzędzia, dzięki którym można zrobić szybko to co jest do zrobienia ( ͡° ͜ʖ ͡°)
  • Odpowiedz
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
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Dobrze myślę, że jak chciałbym napisać czat który zapamiętuje historie wiadomości na MERN stacku (MongoDB, Express, React, Node), to musze po prostu napisać REST API w Expressie i Node który działa na Mongo i potem po prostu wywoływać odpowiednie metody w Reacie?

Trochę podstawowe te moje pytanie, ale jak na razie mam tylko UI w Reacie które wypisuje treść textboxa do innego diva i zupełnie nie wiem co dalej, bo z niczym
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@matiit: skoro wszystkim developerom udaje się w rok nauczyć nowego hot frameworku to mi to nie przeszkadza. na rozmowie o staż chcieli reacta to chociaż ogarnę podstawy pracy z jakimkolwiek frameworkiem
  • Odpowiedz
#programowanie #javascript #react #naukaprogramowania
Hej. Właśnie uczę się reactjs i mam pewien problem. Mam prostą aplikację wyświetlającą listę użytkowników. Pobieranie i wyświetlanie użytkowników działa, ale mam problem z oknem ładowania podczas pobierania danych z API. Tu mam kod:
UserListContainer.js
https://pastebin.com/L2pX9iG2
UserList.js
https://pastebin.com/MHqb8dPa
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki, dopiero uczę się Reacta i natrafiłem na problem z którym kombinuje już długo, mam listę wyrenderowaną za pomocą metody map, chciałbym aby po kliknięciu w dany element - mógłbym załadować w nim inny component przekazując potem propsy i tyle. Pewnie banał ale ktoś da radę?
#react #javascript
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Dzisiaj niesiony weną napiszę o Offline First w kontekście PWA (Progressive Web Apps) i aplikacji mobilnych.

W skrócie. Aplikacje mobilne są fajne i mogą mieć dużo ficzerów ułatwiających i uprzyjemniających pracę. Jednym z nich jest podejście Offline First. Google w swojej niezmierzonej mądrości wpadło na to, żeby dać te ficzery też aplikacjom webowym. Mają one na urządzeniach mobilnych dawać namiastkę (lub w przyszłości wszystko) co aplikacje mobilne, dodatkowo nie trzeba nic ściągać ze
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@chapak: tutaj link do dużej ilości wideo z fajnej konferencji
https://medium.com/@ReactAmsterdam/full-compilation-of-react-amsterdam-2017-talk-videos-for-both-tracks-bonus-10020157c851
tutaj link do jednego z prelegentów przedstawiającego m in wtyczki do reduxa ( ͡° ͜ʖ ͡°) (redux-persist, redux-offline, redux-optimistic czy jakoś tak i jeszcze jakieś).
https://www.youtube.com/watch?list=PLNBNS7NRGKMHxfm0CcYNuINLdRw7r4a9M&v=PBNAz-yAxrY
  • Odpowiedz
Wziąłem sobie radę na temat mojej czytelności do serca i staram się pisać bardziej przystępnie ( ͡° ͜ʖ ͡°).

TL;DR setState w React'ie może działać asynchronicznie i czasami można się na tym przejechać. Na szczęście setState może przyjmować funkcje ( ͡° ͜ʖ ͡°).

News ten podobno wstrząsnął sceną Reactową. Odpowiedzialny za niego jest Pan Abramov - jeden z
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@xDrope: Hmm kurcze kolego fajny newsik i oczywiście dzięki za podzielenie się wiedzą :)

Ale kurde mam wrażenie że czytam tu odkrycie nowego pierwiastka/leku na raka czy coś podczas gdy ja, mając doświadczenie z reactem jakieś 3 dni xD, o tym wiem i to tak na szybko przelatując wzrokiem dokumentację bo mam zadanie rekrutacyjne do zrobienia w krótkim czasie ( ͡° ͜ʖ ͡°)
  • Odpowiedz
#javascript #react #angularjs #vuejs
Jest sens faktycznie pakować się w spa tylko po to by być "nowoczesnym" i pisać po stronie backendu jedynie API ?

Ps. Czy tylko ja mam wrażenie, że frameworki js do spa wymagają za dużo dodatków do zrobienia czegoś używalnego? (Już pomijając tworzenie API po stronie backendu)
- znacznie szybciej natomiast można uzyskać działający produkt we frameworkach backendowych.

Więc
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pandev: IMO SPA to przede wszystkim szybsze działanie aplikacji dla usera końcowego, mniejsze wymagania dla infrastruktury (proste API ma mniejsze wymagania sprzętowe niż aplikacja z np. JSP, a sama strona SPA skompilowana pójdzie na czystym nginxie). Dodatkowo fajnie to wygląda na urządzeniach mobilnych - jak normalna aplikacja. Fajnie też wygląda sprawa cache - cała aplikacja SPA jest z reguły wolnozmienna i może być cachowana w przeglądarce, jak do tego dołożymy
  • Odpowiedz
Hej! Jestem w trakcie wdrażania się w Reacta. I tutaj moje pytanie. Czy to jest duży problem, żeby wczepić moduły reactowe do istniejącej już aplikacji Android? Chodzi mi o taki scenariusz, że na początku odpala się wszystko normalnie natywnie (w sensie javowo/kotlinowo) a np po naciśniećiu przycisku jest otwierane activity reactowe?

#react #reactnative #androiddev i jeszcze ios bo tam jest to samo zapewne #iosdev
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@cycun: O ile się nie mylę to się da. Z grubsza metoda brown field o ile się nie mylę sprawdza się między RN, a natywnymi, jednak sam pomysł takiej obsługi raczej nie przejdzie i powinieneś wrzucić część natywną do projektu RNowego. Wtedy pójdzie bez problemu.
  • Odpowiedz
Postanowiłem popełnić kilka wpisów związanych z Reactem, Reactem-Nativem oraz okolic. Nie chce mi się prowadzić bloga, więc wpisy będą bezpośrednio tutaj. Nie chcę mieć swojego tagu (przynajmniej póki co), ale znajdziecie mnie pod tagami z tego wpisu i mogę robić komentarze taktyczne do wołania ( ͡° ͜ʖ ͡°).

Na dzisiaj React i no-bind rule.

TL;DR Nie należy w propsach bezpośrednio bindować, wstawiać funkcji (najczęściej arrow function), wstawiać JSXa ani wpisywać bezpośrednio nieprymitywnej wartości
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@xDrope: Troche offtop ale co powiecie na używanie style w componentach, bo ostatnio miałem przez to pszypał, a uważam, że dodanie pewnych własności css przez style jest o wiele czytelniejsze niż tworzenie całej klasy dla jednej/dwóch właściwości?
  • Odpowiedz
@boostasio: React służy tylko do renderowania templatów. Redux to taka jakby baza danych która trzyma aktualny stan aplikacji. Taka brakująca zmienna globalna gdzie chciałbyś wszystko trzymać
  • Odpowiedz
@boostasio: Redux (a wlasciwie Vuex) uratował mi życie, przepisałem całą aplikację na nowo, wcześniej bez reduxa zaczely sie robi mega problemy jesli chodzi o przekazywanie danych. Problem dotyczy głównie komponentów które nie mają wspólnych rodziców a muszą jakoś dzielić dane.
  • Odpowiedz
#react jaka tutaj jest sciezka dostepu do zdjecia zeby je dodac? :D zakladamy ze apka nie jest jeszcze w necie, nic nie dziala :(
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Poniedziałek z JavaScript - dla zabieganych Mirków #justjoinitoferty

poniedziałek - JavaScript, wtorek - PHP, środa - Java/Scala, czwartek - Python, piątek - Ruby.

Dla tych nieco bardziej zabieganych, co to nie mają czasu na scrollowanie tablicy - zbiorcza forma, zaledwie raz w tygodniu, która może okazać się wygodniejsza
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@zolwixx: ej! ja wcale nie jestem botem :-( Wszystko tutaj dodaję z palca, a ogłoszenia dodawane są z widełkami netto. Jednakże nie jest to na stronie tak jasne (dla osoby, która je przegląda) dlatego obecnie pracuję nad poprawą UX.

pozdrawiam Piotrek!
  • Odpowiedz
#programowanie #androiddev #react
chce zrobić kurcze blaszka apkę w Reakcie co motyla noga ma sobie prawda kamery użyć
po bojach z googlem doszedłem że muszę zrobić tak:
https://facebook.github.io/react-native/releases/0.23/docs/android-setup.html
ale... system się plumka no nie ma miejsca na dysku (120GB SSD to nie potwór)
to myślę sobie przeinstaluje na E 300 GB w talerzu niech ma android.
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 1
@wytrzzeszcz: niby w sumie to zwykły strzał będzie, ale może zmień po prostu globalną zmienną TMP czy tam TEMP żeby pliki tymczasowe trzymała na E. Możliwe, że o to chodzi tam
  • Odpowiedz
#programowanie #javascript #react

Da się jakoś w-----ć reduxową funkcje compose? Z tego co się dowiedziałem to to nic nie robi, tzn robi tak żeby kod czytelny był czy coś. A sypie mi błędem i nie idzie działającej 3h temu apki odpalić
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach