К содержанию

Βασικό Εκπαιδευτικό React

Εκπαιδευτικό για το JavaScript framework React. Για αρχάριους. Πολύ θεωρία και ασκήσεις.

Уроки

Εισαγωγή στο πλαίσιο React

Εγκατάσταση του Πλαισίου React

Σύνδεση του πρόσθετου react-devtools

Εισαγωγή στην Προσέγγιση των Components στο React

Η Δομή Ιστοτόπου του React Framework

Αποτέλεσμα λειτουργίας του component

Γλώσσα JSX

Εισαγωγή στη γλώσσα JSX στο React

Επιστροφή Ενσωματωμένων Ετικετών JSX από Συναρτήσεις

Κανόνες Επιστροφής από Συνάρτηση κατά τη Μετακίνηση Ετικέτας προς τα Κάτω σε JSX

Χαρακτηριστικά της Επιστροφής Πολλαππλών Ετικετών στο JSX

Επιστροφή μη κλεισμένης ετικέτας JSX

Επιστροφή κενού tag από συνάρτηση σε JSX

Εισαγωγή τιμών μεταβλητών και σταθερών σε JSX

Αποχρώσεις κατά την εισαγωγή τιμών μεταβλητών

Εισαγωγή Πινάκων σε JSX

Εισαγωγή Αντικειμένων σε JSX

Εισαγωγή μεταβλητών και σταθερών σε ιδιότητες ετικετών σε JSX

Αποθήκευση ετικετών σε μεταβλητές και σταθερές JSX

Χαρακτηριστικά αποθήκευσης πολλαπλών ετικετών σε σταθερές JSX

Ετικέτες σε διαφορετικές γραμμές σε JSX

Επιστροφή ετικετών μέσω return στο JSX

Κλείσιμο Ετικετών JSX

Ορθότητα της Διάταξης στο React

Εκτέλεση κώδικα JavaScript

Συνθήκες

Εφαρμογή συνθηκών στο JSX

Εμφάνιση βάσει συνθήκης στο React

Προϋποθέσεις για την Επιστροφή Ετικέτας σε JSX

Ο Τριαδικός Τελεστής στο JSX

Χρήση του τελεστή && στο JSX

Αναστροφή για συντομευμένες συνθήκες στο JSX

Συναρτήσεις

Χρήση συναρτήσεων στο React

Κλήση συναρτήσεων μέσα σε ετικέτες στο React

Προσθήκη Γεγονότων σε JSX

Παράμετροι σε συνάρτηση JSX

Το αντικείμενο Event στο React

Αντικείμενο Event κατά τη μετάδοση παραμέτρων

Δημιουργία Ετικετών

Ετικέτες σε Πίνακες JSX

Δημιουργία πίνακα ετικετών σε βρόχο React

Δημιουργία ετικετών από πίνακα με δεδομένα στο React

Μοναδικά Κλειδιά σε Πίνακα Ετικετών στο React

Εμφάνιση πίνακα αντικειμένων στο React

Μοναδικά κλειδιά μέσω id στο React

Εμφάνιση πίνακα αντικειμένων ως HTML πίνακας στο React

Μοναδικά id

Συζήτηση για μοναδικά id στο React

Προβλήματα με νέα id στο React

Τυχαίες συμβολοσειρές για id στο React

Δημιουργία id στο React

Συνάρτηση για δημιουργία id στο React

Χρήση της συνάρτησης id στο React

Λανθασμένη χρήση της συνάρτησης id στο React

Καταστάσεις

Εισαγωγή στα States στο React

Χρήση States στο React

Αντίδραση Καταστάσεων στο React

Λογική τιμή στην κατάσταση στο React

Μετρητής σε Καταστάσεις στο React

Φόρμες

Εργασία με inputs στο React

Αλλαγή δεδομένων εισόδου κατά την εμφάνισή τους στο React

Αλλαγή δεδομένων με χρήση συνάρτησης στο React

Εργασία με πολλαπλά inputs στο React

Επεξεργασία δεδομένων φόρμας με πάτημα κουμπιού στο React

Εργασία με το textarea στο React

Εργασία με checkbox στο React

Τα checkboxes και η υπό συνθήκη απόδοση στο React

Εργασία με select στο React

Σημεία επιλογής από πίνακα στο React

Τα χαρακτηριστικά value σε select στο React

Ιδιότητες value επιλογής από πίνακα σε React

Εργασία με radio στο React

Προεπιλεγμένες τιμές στο React

Σύνδεση πεδίων εισόδου με πίνακα στο React

Δέσμευση Πεδίων Εισαγωγής σε Αντικείμενο στο React

Δεδομένα

Αντίδραση Δεδομένων στο React

Αντίδραση Προσθήκης σε Πίνακα στο React

Αντιδραστικές πράξεις σε πίνακες στο React

Αντίδραση Προσθήκης σε Πίνακα Αντικειμένων στο React

Αντιδραστικές πράξεις σε πίνακες αντικειμένων στο React

Αντικειμενική προβολή δεδομένων στο React

Εξαρτήματα

Εισαγωγή στα Components React

Χρήση Components στο React

Πολλαπλά στιγμιότυπα ενός στοιχείου στο React

Ιδιότητες (Props) Στοιχείων στο React

Δημιουργία Παιδικών Components στο React

Πίνακας για τη δημιουργία θυγατρικών στοιχείων στο React

Παιδικά Components σε Βρόχο React

Μεταβίβαση States σε Παιδικά Components στο React

Μεταβίβαση id σε component στο React

Αλλαγή της κατάστασης του γονέα στο θυγατρικό στοιχείο στο React

Επεξεργασία της κατάστασης του γονέα στο θυγατρικό στοιχείο στο React

Επεξεργασία State σε Εγγονό Στοιχείο στο React

Λειτουργίες μέσω των state των θυγατρικών components στο React

Έννοιες

Οι Έννοιες του React στην Εργασία με Components

Δεδομένα Components στο React

Τύποι Κομματιών στο React

Μονόδρομη ροή δεδομένων στο React

Ανύψωση Κατάστασης στο React

Μία Πηγή Αλήθειας στο React

Στυλισμός

Μέθοδοι Στυλιστικής React Components

Χρήση καθολικού CSS για στυλ στο React

Εισαγωγή δεδομένων στο χαρακτηριστικό style από αντικείμενο στο React

Εισαγωγή δεδομένων στο χαρακτηριστικό style από ξεχωριστό αρχείο στο React

Εργασία με CSS στυλ στο χαρακτηριστικό style στο React

Εισαγωγή δεδομένων στο χαρακτηριστικό style από μεταβλητές στο React

Στυλιστική με Styled Components στο React

Χρήση Props με Styled Components στο React

Χρήση Props στην Υποθετική Απόδοση με Styled Components στο React

Προχωρημένη Στυλιστική Σχεδίαση Στοιχείων στο React

Εισαγωγή στην εκμάθηση στυλ με CSS modules στο React

Συνέχεια της μελέτης στυλισμού με CSS modules React

Η εντολή composes για κλάσεις σε CSS modules στο React

Η εντολή composes για αρχεία σε CSS modules στο React

Έργα

Λίστα Ελέγχου Έργου σε React

Έργο Σημειωματάριο σε React