[bonus]

Aktualnie mam duży problem pomiędzy wyborem Vuejs a React do następnego projektu...

Główną wadą dla mnie w React jest jest pilnowanie re-renderowania komponentów, useMemo, useEffect, itp. optymalizacja hierarchii drzewa komponentów... chociaż lubię kompozycję hooków oraz funkcyjny paradygmat.

Vuejs nie ma hooków i gorzej pisze się funkcjonalny kod, jednak wbudowane optymalizacje renderowania, którymi nie trzeba się przejmować, wyciąganie cssa z templatek.

#react #vuejs #javascript

[vizori]

Vuejs nie ma hooków

@bonus: Jakich hooków?

[bonus]

@vizori: https://pl.reactjs.org/docs/hooks-intro.html

[bonus]

@bonus:
React
Zalety:
- Funkcjonalne programowanie
- Hooks i kompozycja
- JSX
- Wszystko w jednym pliku i cały kod to JS
- Większa społeczność

Wady:
- CSS in JS
- Większa waga od Vue
- Problemy z wydajnością renderowania, pilnowanie optymalizacji kodu
- Brak jednego podejścia do wielu problemów (dla niektórych ta elastyczność to zaleta)
- Mniejsze API i elastyczność pisania kodu

[schriker]

@bonus: hmmm... nie wiem czy coś Ci to pomoże:
https://sebastiandedeyne.com/react-for-vue-developers/
https://sebastiandedeyne.com/why-i-prefer-react-over-vue/

[trzeciodkonca]

CSS in JS

@bonus: Wcale nie musi być CSS w JS. Możesz użyć CSS Modules.

https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/

[bonus]

@trzeciodkonca: Wiem, że jest coś takiego jak Linaria która wydziela CSS z JSX do CSS (chociaż to świeży projekt). Ale CSS modules również kompilują się do JS bundle, a wiadomo że to negatywnie odbija się na wydajności.

@schriker: Świetne posty, chętnie to poczytam. :)

[t.....k]

@bonus znaczy wg mnie to zaleta że samemu można zdecydować kiedy komponent się przerendereuje, ja tam wolę mieć kontrolę nad komponentami ( ͡º ͜ʖ͡º)

[vizori]

@bonus: To mam dobre wieści - we Vue 3.0 wchodzą Hooki na wzór reactowych ( ͡º ͜ʖ͡º)

[trzeciodkonca]

@bonus: > CSS modules również kompilują się do JS bundle

Tak, to prawda, ale czy to się tak jednoznacznie odbija na wydajności, tego nie jestem pewien.

Ten pan twierdzi, że w interakcji jest minimalnie wolniej, ale pierwsze malowanie (nie wiem, jak to jest poprawnie po polsku) stylami jest znacznie szybsze:

https://mxstbr.com/thoughts/css-in-js/

[Marmite]

Ale CSS modules również kompilują się do JS bundle

@bonus: to zależy jak sobie skonfigurujesz webpacka i jakiego loadera użyjesz

Główną wadą dla mnie w React jest jest pilnowanie re-renderowania komponentów

???

[H.....0]

@bonus:

React

Zalety:

- JSX

kek

[sidhellfire]

@bonus: w Vue też możesz mieć JSX, tylko po co?

[bonus]

@trzeciodkonca: Na telefonach ma to znaczenie. ( ͡° ͜ʖ ͡°)
@sidhellfire: kiedyś próbowałem używać tam JSX ale mam wrażenie, że to nie jest najlepszy wybór