Na jaki nowoczesny frontendowy framework postawić projekt/kariera

Na jaki nowoczesny frontendowy framework postawić projekt/kariera
0

Cześć,

Mamy taką sytuację przed nami (2 osoby) nowy projekt, gdzie backend będzie REST i trzeba wybrać jak i w jakich technologiach zrobić frontend.
Nie mamy wielkiego doświadczenia bo wcześniejszy projekt robiliśmy w jQuery, ja robiłem uczyłem się kiedyś, kiedyś jak wyszedł ,Angulara 2 ale porzuciłem to i ostatnio trochę reacta (wcześniej pół roku w c# i pół w pythonie), kolega też coś o react czytał. Lecz widzimy problemy w tym, że nie mamy doświadczonego wyjadacza po naszej frontendowej stronie a projekt będzie trzeba wystartować bo to nie jest zależne od nas. Wiadomo. I teraz pytanie do was do społeczności co byście wybrali w takiej sytuacji...
Z mojego researchu HN, Reddit, Quora + paru znajomych. Wynika, że Angular się nada najbardziej dlatego, że nie trzeba myślec o strukturze projektu, bo on wszystko ładnie układa, jest ustrukturyzowany jest "batteries includes" i dużym plusem jest TS. React jest cool, rynek go wybiera często, ale boje się, że przez to, że pozwala na wiele po prostu z czasem "naj...." w projekcie.

Jakie są wasze doświadczenia z tymi technologiami i co byście polecali?

Szekel
  • Rejestracja:ponad 6 lat
  • Ostatnio:około 3 lata
  • Postów:253
1

Frontendowcem nie jestem ale osobiście wybieram Nuxt.js, ma tam jakies SPA, SSR i inne bajery. Angular i React też spoko choć niekiedy słyszę że React je 'be'.


edytowany 1x, ostatnio: Szekel
0
Pijany Kot napisał(a):

Cześć,

Mamy taką sytuację przed nami (2 osoby) nowy projekt, gdzie backend będzie REST i trzeba wybrać jak i w jakich technologiach zrobić frontend.
Nie mamy wielkiego doświadczenia bo wcześniejszy projekt robiliśmy w jQuery, ja robiłem uczyłem się kiedyś, kiedyś jak wyszedł ,Angulara 2 ale porzuciłem to i ostatnio trochę reacta (wcześniej pół roku w c# i pół w pythonie), kolega też coś o react czytał. Lecz widzimy problemy w tym, że nie mamy doświadczonego wyjadacza po naszej frontendowej stronie a projekt będzie trzeba wystartować bo to nie jest zależne od nas. Wiadomo. I teraz pytanie do was do społeczności co byście wybrali w takiej sytuacji...
Z mojego researchu HN, Reddit, Quora + paru znajomych. Wynika, że Angular się nada najbardziej dlatego, że nie trzeba myślec o strukturze projektu, bo on wszystko ładnie układa, jest ustrukturyzowany jest "batteries includes" i dużym plusem jest TS. React jest cool, rynek go wybiera często, ale boje się, że przez to, że pozwala na wiele po prostu z czasem "naj...." w projekcie.

Jakie są wasze doświadczenia z tymi technologiami i co byście polecali?

Vue/Angular

AR
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:3
0

Tak naprawdę to jest tylko kwestia gustu co Wam lepiej pasuje i czego szybciej możecie się nauczyć. Wydaje mi się, że React szybciej się nauczysz niż Angulara, ale to też nie żadna tam przepaść pomiędzy jednym, a drugim. A tych debat na forach to nie czytaj bo ludzie mają jakieś dziwne delematy i ból d**y, że ten to niby nie framework tylko View library, a ten tak, przy ich śmiesznych pierdu stronkach, ale oczywiście nazwanych ho ho projektami. Duże firmy robiące ambitny frontend nie mają takich delematów i wybierają co im po prostu bardziej pasuje bo we wszystkich frameworkach można zrobić co potrzeba. A do tych batteries included w Angular zadaj sobie tak naprawdę pytanie co Angular ma takiego co niby React nie ma i nie można łatwo to dodać do Reacta przez zewnętrzny moduł i sam sobie zdasz sprawę, że to tylko szukanie dziury w całym. Jedyna różnica to to, że React jest bardziej flexible, gdyż możesz sobie podpiąć różne rozwiązania zależnie co ci się bardziej podoba, a w Angular narzuca swój sposób na poszczególne funkcjonalności. Za Reactem przemawia także React Native, jakbyście myśleli o apce mobilnej w dodatku to waszej strony. W Vue nie prawcowałem także się nie wypowiadam.

wiciu
  • Rejestracja:ponad 11 lat
  • Ostatnio:3 dni
  • Postów:1205
4

vanilla.js

SI
  • Rejestracja:około 8 lat
  • Ostatnio:ponad rok
  • Lokalizacja:Wrocław
  • Postów:20
0

TS jak najbardziej ma miejsce i w React. Natomiast jeśli sam twierdzisz, że pod KONKRETNE wymagania/specyfikę projektu najbardziej pasuje Angular to sobie sam odpowiedziałeś na pytanie już :)

edytowany 1x, ostatnio: _Sikorsky
LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:8 minut
  • Postów:8399
1

Lecz widzimy problemy w tym, że nie mamy doświadczonego wyjadacza po naszej
frontendowej stronie a projekt będzie trzeba wystartować bo to nie jest zależne od nas

To jest największy problem. Jakikolwiek framework wybierzecie, zrobicie słabo, skoro nie macie doświadczenia. Najlepiej byłoby po prostu zatrudnić jakiegoś wyjadacza.

Know how programisty liczy się bardziej od tego, jakąś się wybierze technologię do zrealizowania celów (poza tym jest szansa, że ktoś doświadczony zobaczy projekt i sam oceni, w której technologii będzie mu się najlepiej pracowało. Zwykle jednak i tak jest to ta technologia, którą ktoś zna najlepiej).


jarekr000000
  • Rejestracja:ponad 8 lat
  • Ostatnio:minuta
  • Lokalizacja:U krasnoludów - pod górą
  • Postów:4707
0

. Za Reactem przemawia także React Native, jakbyście myśleli o apce mobilnej w dodatku to waszej strony. W Vue nie prawcowałem także się nie wypowiadam.

No z tym się nie zgadzam. Pracuje i z Reactem i Angularem. Oba nienawidze po równo. Ale jesli przechodzimy do kwestii mobilnych to ReacNative naprawdę mnie wkurzył. W odróżnieniu od IONIC, czyli odpowiednika RN dla Angulara. W IONICU wszystko ładnie chodziło już od wersji beta, w trzy sekundy można było testować zmiany w UI, wszystko stabilnie. Praca z ReactNetive to powolnośc emulatorów (nawet z genymotion), ciągłe wywałki i restarty. Fakt, że to było ponad rok temu, ale słyszałem, że RN ciągle potrafi być upierdliwy. Koniec końców przy dwóch (różnych) aplikacji jakie robiłem z IONIC i RN wyszło, że możliwości mniej więcej te samo, ale IONIC jest po prostu dorobiony.


jeden i pół terabajta powinno wystarczyć każdemu
Zobacz pozostałe 2 komentarze
QB
Dokładnie, jest to fajne:). Ja jednak dla siebie wybrałem coś zupełnie innego. Może głównie ze względu na mój zakorzeniony hejt w stronę IONIC'a bo był to kiedyś kiedyś framework na prawdę biedny i frustrujący; jedyne co fajnie wyglądało to jego reklamy dookoła.
FI
filemonczyk
Ionic ma swoje bolaczki rowniez, robie w nim projekt po godzinach, nie zebym jakos hejtowal ale swoje "gotcha mofo" ma.
wiciu
IMO te wszystkie rozwiązania typu phonegap/xamarin/ionic/react-native czy co tam jeszcze wymyślą zawsze będą gorsze od pisania natywnych aplikacji mobilnych osobno na każdą platformę, ponieważ dokładają dodatkową, niepotrzebną warstwę abstrakcji tylko po to, żeby dało się coś napisać w javascripcie, który nie nadaje się do takich rzeczy. Gdzieś widziałem podejścia z Kotlinem i aplikacjami cross-platformowymi i to ma dużo więcej sensu, niż te wszystkie javascriptowe frameworki.
QB
@wiciu, zgadzam się. Do mnie przemawia tylko PWA. Jeśli nie wiesz co to jest, to wejdź sobie przez chrome'a na np. trivago.pl (lub dowolną randomową apkę PWA) - na dole wyskoczy Ci sugestia, żeby dodać apkę do home screena. Klikasz i masz apkę:D Mnie to bardzo przekonuje - jeśli nie potrzebuję super featuresów/wydajności, to tworząc PWA, małym kosztem masz apkę na każdą platformę.
TK
@wiciu: Xamarin i javascript? Przecież tam się pisze w C#, prawda?
TR
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 lata
  • Postów:731
1

jak robiłeś coś w silnie typowanym języku to najlepiej coś z TSem, z czego w zasadzie nadaje się tylko jeden framework - Angular. Reacta nie znam, słyszałem jeno że próg wejścia jest wysoki. A Vuejs i jego twórcę to bym skazał na banicję i zapomnienie. Żeby dobrać się do zmiennych, trzeba funkcji, która zwraca obiekt ze zmiennymi... przypisywanie this do zmiennej, bo trzeba zrobić scope closure... nie polecam, chyba, że lubisz sado-maso


musica curat corpus at animam
jarekr000000
  • Rejestracja:ponad 8 lat
  • Ostatnio:minuta
  • Lokalizacja:U krasnoludów - pod górą
  • Postów:4707
0

W React całkiem się dobrze pisze z TSem. Lepiej niż z JSie. Są nawet tsx-y.


jeden i pół terabajta powinno wystarczyć każdemu
HC
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 6 lat
  • Postów:30
1
trojanus napisał(a):

jak robiłeś coś w silnie typowanym języku to najlepiej coś z TSem, z czego w zasadzie nadaje się tylko jeden framework - Angular. Reacta nie znam, słyszałem jeno że próg wejścia jest wysoki. A Vuejs i jego twórcę to bym skazał na banicję i zapomnienie. Żeby dobrać się do zmiennych, trzeba funkcji, która zwraca obiekt ze zmiennymi... przypisywanie this do zmiennej, bo trzeba zrobić scope closure... nie polecam, chyba, że lubisz sado-maso

Pracuję od roku z Vue i się zastanawiam, czy aby na pewno piszesz o Vue. Vuex - magazyn danych globalnych, wymaga trochę zachodu jeżeli chodzi o manipulowanie danymi, ale to ze względu na bezpieczeństwo danych i nie jest to tak porąbane jak piszesz. Co do this, to jeszcze nigdy nie musiałem przypisywać do zmiennej lokalnej.
Co do TS, to mają nawet gotowy template do TS i pełne wsparcie typami.

F00B4R_WSP4N14LY
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:6
1

Nowoczesny w sensie niestabilny ale hajpowany na zachodzie?

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)