Πρώτη επαφή με React

[Predatorkill]

8 ώρες πριν, skiabox είπε

Για εμένα που είμαι και καινούριος στην React είναι ότι πρέπει η χρήση μόνο functional components και hooks από την αρχή!

Δεν γινεται να χρησιμοποιεις μονο hooks. Καποια πραγματα δεν γινονται με hooks, θα το δεις στη πορεια σε πολυπλοκα apps. Ουτως ή αλλως, οπως λεει και το facebook, τα hooks δεν ηρθαν για να αντικαταστησουν τα class components.

Για οποιον ενδιαφερεται, τα παιδια απο το λιγο που ειδα μια χαρα τα λενε:

 

Επεξ/σία 1 Οκτωβρίου 2019 από Predatorkill

[skiabox]

Η τελευταία μόδα (ούτε gntm να είμασταν) είναι functional components only, + useState, useReducer, createContext, useContext.

Εχει κάνει και μια ωραία αρχιτεκτονική ο Brad με multiple context folders, όπου σε κάθε folder πχ στον folder1 έχει μέσα 3 αρχεία.

folder1Context.js
folder1Reducer.js
folder1State.js

Εννοείται ότι δεν θα χρησιμοποιήσει κανείς props drilling γιατί χάνεται η μπάλα ακόμα και στην πιο μικρή εφαρμογή.

[skiabox]

PredatorKill : Μιας και ασχολείσαι με apps με 100+ components θέλουμε να μας πεις εδώ κι τώρα πως κάνεις το state management!

😀

[Predatorkill]

6 ώρες πριν, skiabox είπε

PredatorKill : Μιας και ασχολείσαι με apps με 100+ components θέλουμε να μας πεις εδώ κι τώρα πως κάνεις το state management!

😀

Redux μονο. Ουτε Context, ουτε useReducer.

Φιλοι σε αλλη εταιρια το παιζουν Ταρζαν με σκεπτικο «hooks μονο ρε» και μολις δουν μπροστα τους κανα state 4 χιλιομετρα τοτε κανουν κολωτουμπα.

Παιζει και πολυ local state φυσικα, κυριως εκει που υπαρχουν forms.

Επεξ/σία 28 Δεκεμβρίου 2019 από Predatorkill

[skiabox]

Τα components τα έχεις κάνει όλα functional πλέον ή έχεις αφήσει και class based components;

[Predatorkill]

24 λεπτά πριν, skiabox είπε

Τα components τα έχεις κάνει όλα functional πλέον ή έχεις αφήσει και class based components;

Αναλογα τη χρηση, μπορει να εχω class που να εχει μεσα 10 functional αλλα και 2-3 class μαζι καθως θελουν local state. Admin panel για ecommerce ειναι, πανω κατω μπορεις να φανταστεις τι γινεται.

Επεξ/σία 29 Δεκεμβρίου 2019 από Predatorkill

[skiabox]

Layout τι χρησιμοποιείς Predator;

[Predatorkill]

22 λεπτά πριν, skiabox είπε

Layout τι χρησιμοποιείς Predator;

Antd 3 αλλα και μπολικο custom

Επεξ/σία 29 Δεκεμβρίου 2019 από Predatorkill

[skiabox]

1 ώρα πριν, Predatorkill είπε

Antd 3 αλλα και μπολικο custom

Καλύτερο από material-ui;

[Predatorkill]

1 ώρα πριν, skiabox είπε

Καλύτερο από material-ui;

Εχω φτιαξει και με material, θελει το χρονο του για να μαθεις λιγο το custom styling/guidelines. Προτιμω antd ομως καθως εχει πολλα components out of the box, πχ tree select, cascader, καλυτερους πινακες, form validation, και διαφορα αλλα. 

Επεξ/σία 29 Δεκεμβρίου 2019 από Predatorkill

[skiabox]

Ευχαριστώ πολύ για τις απαντήσεις.

Ήσουν διαφωτιστικότατος!

[skiabox]

Btw δεν έχω καταλάβει ποια είναι η διαφορά του Ant Design με το Ant Design Pro.

[Predatorkill]

1 ώρα πριν, skiabox είπε

Btw δεν έχω καταλάβει ποια είναι η διαφορά του Ant Design με το Ant Design Pro.

https://pro.ant.design, σχεδον οτι βλεπεις εκει δεν υπαρχει στο open source

Επεξ/σία 30 Δεκεμβρίου 2019 από Predatorkill

[skiabox]

25 λεπτά πριν, Predatorkill είπε

https://pro.ant.design, σχεδον οτι βλεπεις εκει δεν υπαρχει στο open source

Ναι την έχω δει την σελίδα.

Απλά δεν καταλαβαίνω γιατί έγινε δεύτερο πακέτο.

Δεν βλέπω να είναι και commercial οπότε ποιο το νόημα;

[Ruhl]

Skiabox μιας και είδες αρκετά tutorial από react όλο αυτό το διάστημα και το έψαξες το θέμα τι προτείνεις σε κάποιον που θέλει να το ξεκινήσει τώρα? με πιο να αρχίσει με τι να συνεχίσει τι να προσέχει.