#javascript #react #html #css #singlepageapps

Siemka,

szukam jakiegoś prostego tutoriala do stworzenia Single Page Application przy użyciu ReactJS.
Znacie jakiś dobry? Muszę jedynie stworzyć sam interfejs/frontend bez działającej wartswy backendowej (na zaliczenie przedmiotu).
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hej, aktualnie programuje w Javie i myślę nad wyborem technologii do frontu, czego się zacząć uczyć. Wybór jest pomiędzy Angularem a Reactem. Którą technologię będzie mi się bardziej opłacało do pracy/przyszłości? Dziękuję z góry za odpowiedzi.
#java #javascript #programowanie #angular #react
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Frameworki frontendowe się zmieniają, wymierają, powstają nowe. Najdłużej będą aktualne te które maja największe community. Aktualnie przoduje Vue.js,Angular,React.

Jak angular to tylko najnowszy 5

Za Angularem stoi google
Za Reactem stoi facebook
  • Odpowiedz
Mam napisanego prostego CRUD'a w .NET Core. Jak wygląda krok po kroku przejście do front'u, dla przykładu niech będzie to React, Vue bądź Aurelia? Rozumiem, że muszę w pliku konfiguracyjnym dodać referencję do mojego API? Ma ktoś swojego rodzaju poradnik jak przeprowadzić taką operację oraz jak potem odwoływać się podczas pisania? #dotnet #programowanie #programista15k #backend #frontend #react #js
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mamy frontend w postaci Vue/Reacta oraz backendowe API. Bierzesz jakąś libkę typu Axios, jQuery AJAX i robisz zapytania HTTP do adresu na którym działa API backendowe. Komunikacja za pomocą np JSONów.
  • Odpowiedz
Jak wygląda zestaw pod typową małą/średnią stronę na zlecenie? (oczywiście że nie istnieje jeden konkretny)
(Kilka podstron, jakiś panel admina.)
Chcę zbudować stronę żeby mieć potem podstawy pod zlecenia.
( React + Redux ) + (Express + MongoDB) to sensowny wybór?
Próbowałem bazę robić z Firebase, ale widzę że to bardziej komplikuje niż pomaga. Może się mylę.
Co Wy polecicie żeby jako jedna osoba zrobić A-Z? (NodeJS ledwo zacząłem, ale to wciąż lepsze niż nauka
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jest jakieś zestawienie najpopularniejszych / najlepszych frameworków / komponentów do reacta ? coś na wzór vuetifyjs.com / buefy.github.io dla vue
#react
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Pamiętacie język Dart? Kilka lat temu było przez chwilę o nim głośno gdy Google ogłosiło, że będzie oficjalnie wspieranym językiem w Chrome. Pomysł nie został zbyt ciepło przyjęty, Google wycofało się z niego, skupili się na rozwiju języka, standaryzacji i możliwości kompilacji Dart do JS.

Teraz o Dart znowu zaczyna być głośno za sprawą Flutter - nowego frameworka do tworzenia aplikacji mobilnych. Prawdopodobnie ci co ineresują się #androiddev czy
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@tylkostrimi: Flutter nadal cierpi na choroby wieku dziecięcego, ma problemy z modułami, stosunkowo wysoki poziom wejścia. Dlatego obstawiam, że minimum pół roku zajmie ustandaryzowanie pewnych kwestii, połatanie błędów i wypuszczenie przez społeczność faktycznie przydatnych poradników jak klepnąć coś większego i z czego skorzystać, a nadal problemem będzie wejście w darta i poziom tego wejścia względem kotlin native czy porównując do hybryd react native. Pożyjemy, zobaczymy, niestety rynek mobilek zależy bardzo
  • Odpowiedz
@Malthan: przyszłościowy tak, ale nadal jest zbyt wcześnie i tylko się ktoś n-------a pisząc w tym, a potem i tak się wszystko 10 razy zmieni XD taki urok niedojrzałych projektów. Temat jest oczywiście ciekawy, bo Apple będzie się broniło rękami i nogami przed pełnym PWA, bo jak wejdzie to wytnie sporo aplikacji mobilnych z ich sklepu (szczególnie prostych, ale tacy gracze jak pysze, allegro czy zalando to nadal są proste
  • Odpowiedz
#javascript #react
Mam dwie tabelki użyte w jednym większym komponencie. Czasami dane w tych tabelkach się pokrywają - chciałbym, żeby po najechaniu na jeden z wierszy w tabelce (np. tej po lewej) w drugiej wiersz był podświetlany (wtedy po prawej).

Nie da się chyba tego rozwiązać sensownie cssem. Spróbowałem zapisywać w głównym komponencie ID wiersza najechanego ale w takim wypadku mocno kuleje wydajność (rerender tabelek).

Macie pomysł jak
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

ale w takim wypadku mocno kuleje wydajność


@Dreszczyk: a coś więcej na temat twojego rozwiązania, bo nie powinno jakoś szczególnie cierpieć na wydajności. W głównym komponencie powinieneś trzymać jakiś id aktywnego elementu i wrzucać go do componentu tabelki jako property. No i wiersze tabelki powinny mieć zdefiniowane key żeby cała tabelka się nie re-renderowała...
  • Odpowiedz
@mktos: przekazuje do komponentu tabelki (a potem do wiersza) funkcje, która na samej górze (strona z tabelką) aktualizuje mi ID wskazanego rekordu (w state), im więcej rekordów tym gorzej działa, mam wszędzie klucze pododawane -_-
  • Odpowiedz
Mam dosyć poważny problem ;] , piszę aplikację w react native która będzie działać na tablecie, i potrzebuje do niej dodać drukowanie sieciową, przy czym że drukarka jest dosyć specyficzna bo przemysłowa i drukuje metodą cieplną, sterowników do tego nie ma to oczywiste, jednak można się nią komunikować przy pomocy czystych pakietów tcp z instrukcjami co drukarka ma robić , o ile to nie stanowi żadnego problemu dla normalnych aplikacji czy javascriptu
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Natrafiam na kolejny problem w swoim pierwszym projekcie, (prosty program do drukowania naklejek) udało mi się zaimplementować przycisk "print label" który pobiera środkowe okno do wydrukowania, ale nie ma w nim tekstu, który wpisuję ¯\_(ツ)_¯ Od której strony to mam ugryźć ?
#naukaprogramowania #react #javascript #pytaniedoeksperta

Jak coś to #github https://github.com/DominikPalacz/react_commerce_label/blob/develop/index.html
Cashflow88 - Natrafiam na kolejny problem w swoim pierwszym projekcie, (prosty progra...

źródło: comment_VOt77iinUBKVshrAnHGN5Lydd67vubOr.jpg

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Cashflow88: to na początek przerób to tak, żeby za logikę i przechowywanie stanu odpowiadał jakiś komponent reaktowy. Zrób referencje do inputów i wyciągaj z nich wartości, żeby sobie zrobić bindowanie do pól stanu, a potem ten stan przekazuj jako propsy do innego komponentu (tego odpowiedzialnego za drukowanie). Tak jak to robisz to sie mija z celem. BTW moje rozwiązanie też jest nieidealne, ale do reduksa i pure functions dojdziesz w
  • Odpowiedz
Jak utworzyć apliakcje z react native (apk) tak aby była natywna a nie używała expo ? bo szukam, próbuje i już kur... dostaje

#react #reactnative
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Aquz: Tak, robilem tak, jak również na setki innych sposobów i nie działają, każdy sposób daje plik wynikowy który wymaga exp do działania a nie tworzy natywnej aplikacji
  • Odpowiedz
#23 DevRSS.com - zbiór popularnych blogów związanych z programowaniem.

Posty publikowane z tagiem #devrss są zbiorem wpisów z aktualnego tygodnia.
Polub również naszego Facebooka, gdzie znajdziesz wybrane wpisy oraz aktualne informacje na temat rozwoju projektu!
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Android
  • 1
@mmiszy widocznie system uznał to za dwa różne wpisy - raz dodał przed i drugi raz po edytowaniu. Wieczorem postaram się wrzucić łatkę, dzięki za wskazanie błędu ;)
  • Odpowiedz
Hej mirki mam swój pierwszy projekt #react do pokazania ;) Od stycznia uczę się #javascript potrzebuję pomocy, jak i co mam zrobić by guzik "download in PDF" po kliknięciu pozwolił zapisać to okno jako PDF ? Jak coś to #git tutaj https://github.com/DominikPalacz/react_commerce_label #naukaprogramowania
Cashflow88 - Hej mirki mam swój pierwszy projekt #react do pokazania ;) Od stycznia u...

źródło: comment_RwqFDCMQILvHX0V69afxZjMCddEq7FiI.jpg

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Pisze sobie apke w react native, mam jeden komponent w nim dwa View, w pierwszym treść z ScrollView drugi z strzałkami góra, dół, po kliknięciu w jeden lub drugi odpalana jest metoda do prostego obliczenia indexu:

let _y = this.state.scrollPosition;
_y -= 400;

this.refs.scrollView.scrollTo({ x: 0, y: _y, animated: true });
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Robię aplikacje klienta w #electron i #react. Aplikacja będzie się komunikowała z REST API. Chcę, aby dostęp do tego API było wyłącznie dla tej aplikacji. Czyli prywatne API. Aplikacja ma logowanie - to załatwię za pomocą #jwt, ale nie wiem jak poradzić sobie z zablokowaniem dostępu. Czy wystarczy zwykle hasło na #nginx (.htpasswd)?

#webdev #programowanie #rest
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@damian44__: najbezpieczniej byłoby zaimplementować tam "prawdziwe" logowanie się, czyli dostęp tylko zautentyfikowanego użytkownika, najwyżej żeby nie musieli za każdym włączeniem wpisywać tego samego niech jakieś ciasteczka/storage/sesja czy co tam jeszcze jest w electronie trzyma to w jakiejś pamięci apikacji, a plus będzie taki że robiąc kopiuj-wklej nikt nie zabierze dostępów ze sobą
  • Odpowiedz
@dannycarter: Oj, typowa odpowiedź, niestety. ;)

Ale to jest tak, że ta jedna rzecz jest tam lepiej ale za to 10 innych rzeczy jest gorzej i to nie ma sensu. Pogrzebię, pogrzebię i wrócę do vscode. :)

Ale na szczęście vscode jest dosyć sprawnie rozwijany, więc może odpowiedzą na moje zgłoszenie.

Ale nie istniejące w node_modules moduły podkreśla.
  • Odpowiedz
Treść przeznaczona dla osób powyżej 18 roku życia...
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach