Course Outline

Εισαγωγή

Σύγχρονο React

  • Τι νέο υπάρχει στο React 18 και 19
  • Σύγχρονα εργαλεία και αλλαγές προσέγγισης

React Προηγμένα Άγκιστρα

  • useMemo, useCallback, useDispatch, useRef, useImperativeHandle

Ταυτόχρονη λειτουργία στο React

  • Χρήση του useTransition, useDeferredValue hooks

Next.js Δρομολόγηση

  • Διαφορές μεταξύ του App Router και του Pages Router

Στρατηγικές απόδοσης στο Next.js

  • Απόδοση από την πλευρά του διακομιστή έναντι εφαρμογής μίας σελίδας έναντι στατικής δημιουργίας

Στοιχεία διακομιστή και ενέργειες διακομιστή

  • Χρήση των οδηγιών «χρήση διακομιστή» και «χρήση πελάτη».

Ανάκτηση και αποθήκευση δεδομένων

  • Στρατηγική Αυξητικής Στατικής Αναγέννησης

Χρησιμοποιώντας το Next.js ως Backend

  • Edge Functions και Edge Runtime

State Management

  • React Context, Redux, και διαχείριση ατομικής κατάστασης (Zustand)

Δημιουργία προτύπων στο Next.js

  • Επαναχρησιμοποιήσιμα πρότυπα
  • Διαθέσιμες CSS προσεγγίσεις και βιβλιοθήκες προτύπων

Βελτιστοποίηση απόδοσης

  • Βελτίωση του χρόνου φόρτωσης και επίτευξη υψηλών βαθμολογιών Web Core Vitals

Ενοργάνιση

Δοκιμή στο Next.js

Στρατηγικές Monorepo

  • Next.js με TurboRepo / Nx

Παρακολούθηση, ανάπτυξη και ενορχήστρωση

Περίληψη και Επόμενα Βήματα

Requirements

  • Ισχυρή κατανόηση του JavaScript και του ES6+
  • Εμπειρία με React και React Hooks
  • Βασική εξοικείωση με το Next.js
  • Κατανόηση κλήσεων API και διαχείριση κατάστασης

Ακροατήριο

  • Έμπειροι React προγραμματιστές που θέλουν να εμβαθύνουν τις γνώσεις τους για το Next.js
  • Προγραμματιστές front-end και full-stack που αναζητούν προηγμένες τεχνικές βελτιστοποίησης απόδοσης
  • Μηχανικοί λογισμικού που εργάζονται σε εφαρμογές μεγάλης κλίμακας Next.js
 21 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses

Related Categories