Napisałem tę samą aplikację w Vue i Reactcie. Zobaczcie różnice

W obecnej pracy używam Vue, dzięki czemu mam pojęcie jak działa od środka. Mimo to, byłem ciekaw, jak wygląda stworzenie tej samej aplikacji w innej technologii, a dokładniej w Reactie. Właśnie to chcę pokazać w poniższym artykule. Sunil Sandhu. Developer, Editor of JSIPE, Daydreamer....

[sfro]

nic nie kumam, pozdro ( ͡° ͜ʖ ͡°)

[megastulejka]

Rany, nawymyślali teraz tych języków... Kiedyś był HTML, PHP, C++ i wszystko działało.

[bylem_bordo]

Obecnie procuję w projekcie z vue, pracowałem wcześniej z react i muszę stwierdzić, że te przykłady są na tyle proste, że każda z opisanych różnic wymagałaby sprostowania i pokazania za i przeciw takiego podejścia. Np. mutowalność z wykorzystaniem setState. W vue też jest set i trzeba z niego korzystać, jeśli chcemy dodać jakąś właściwość do reaktywnego obiektu.

Vue does not allow dynamically adding new root-level reactive properties to an already created

[vytah]

Przydałoby się demo, żeby każdy mógł sobie pobenchmarkować

[D.....k]

@vytah: Są na końcu artykułu:

Poniżej znajdziecie też linki do obydwu aplikacji:

Vue ToDo: [https://github.com/sunil-sandhu/vue-todo](https://github.com/sunil-sandhu/vue-todo)

React ToDo: [https://github.com/sunil-sandhu/react-todo.](https://github.com/sunil-sandhu/react-todo.)

[techko]

@Dreszczyk: czyli ostateczna roznica miedzy vue a react to fakt, ze react dziala a vue nie ( ͡° ͜ʖ ͡°)

[fizdejko]

Dla osób, które zastanawiają się od którego frameworka zacząć naukę programowania dla WWW, polecam React. Jest najbliżej składni JavaScript i nie ma tam żadnych magicznych instrukcji typu v-for (Vue) czy *ngFor (Angular), więc nauczycie się pisać normalny kod i myśleć nad tym co tworzycie.

Najprościej zacząć tu: https://codesandbox.io/s/new

[nikath]

@fizdejko: zgadzam się, vue jest porąbany z tymi atrybutami, pętle czy warunki masz normalnym JSem.
React również ładnie się skaluje jeśli chodzi o codebase

[D.....r]

Tylko angular

[nunczako]

@Docker: niespodzianka :)
https://github.com/angular/angular/releases/tag/7.0.0

[Srokap]

@qmork: Coś, bo w końcu semver zobowiązuje.

[notintine]

@justjoin_it

jakies materialy do nauki vue moglbys polecic?

[t.....i]

jakies materialy do nauki vue moglbys polecic?

@notintine:

Na początek weź po prostu dokumentacjęi przeczytaj ją od deski do deski. Mi to wystarczyło w zupełności.
Sam framework jest banalny, więcej czasu trzeba spędzić nad architekturą aplikacji - żeby używać Vue (czy tam Reacta) zgodnie

[Fallenzgr]

vue się fajnie pisze

w react nie moge na jsx patrzeć, próbowałem ciągle boli...

[rzaden_problem]

@Fallenzgr: jak chcesz to tu też możesz używać jsx. Fajnie, że jest, bo ma swoje plusy. Z użyciem funkcji render da się na przykład takie piękności napisać https://adamwathan.me/renderless-components-in-vuejs/ i ładnie wydzielić warstwę logiki pod różne layouty.

[kosti9191]

Nie znam się. Rozumiem, że to coś związane jest z frontend?

[shpyo]

@kosti9191: Tak, #programista15k :D