React Workshop: CineSearch App

​Άλλο το να γράφεις React και άλλο το να σκέφτεσαι σαν React Developer.

​Έχεις δει React. Ίσως έχεις φτιάξει και κάτι μικρό.

​Αλλά όταν κάτι σπάει, δεν είναι πάντα ξεκάθαρο αν φταίει το state, κάποιο component, ένα effect ή το πώς περνάς δεδομένα από το ένα component στο άλλο.

​Σε αυτό το workshop χτίζεις το CineSearch, ένα movie search app με React 19 και Vite, και μαθαίνεις τα βασικά React concepts μέσα από πραγματικό project.

​Δεν είναι copy-paste session. Είναι lecture + live-coding + pair programming, με στόχο να καταλάβεις τι γράφεις και γιατί.

​Τι θα χτίσεις

​Μέχρι το τέλος του workshop θα έχεις χτίσει ένα ολοκληρωμένο movie search app με:

• ​αναζήτηση ταινιών μέσα από το OMDb API

• ​reusable components

• ​state management με useState

• ​data flow με props και lifting state

• ​side effects με useEffect

• ​favorites με persistence στο localStorage

• ​dark mode με Context API

​Θα πάρεις επίσης τον κώδικα του project και βεβαίωση ολοκλήρωσης.

​Τι θα μάθεις

• ​Πώς σκέφτεται η React: UI as a function of state

• ​Πού πρέπει να ζει το state

• ​Πώς σπάνε σωστά τα components

• ​Πότε χρειάζεσαι effect και πότε όχι

• ​Πώς περνάει data από component σε component

• ​Πότε έχει νόημα το Context API

• ​Πώς οργανώνεις React code που μπορείς να εξηγήσεις

​Σε ποιους απευθύνεται

​Το workshop είναι για developers που ξέρουν JavaScript και θέλουν να μπουν στη React με σωστές βάσεις.

​Ταιριάζει ιδιαίτερα αν:

• ​έχεις δει React αλλά ακόμα νιώθεις ότι μαντεύεις

• ​θέλεις να γράφεις components με περισσότερη σιγουριά

• ​θέλεις να καταλάβεις το γιατί πίσω από state, props, effects και component structure

• ​προετοιμάζεσαι για front-end interviews

​Δεν χρειάζεται προηγούμενη εμπειρία με React. Χρειάζεται όμως καλή βάση στη JavaScript.

​Σε ποιους δεν απευθύνεται

​Δεν είναι για άτομα που βλέπουν front-end development για πρώτη φορά.

​Δεν είναι επίσης για όσους ψάχνουν έτοιμο copy-paste κώδικα ή θέλουν απλώς να βάλουν React στο CV χωρίς να καταλαβαίνουν τι κάνουν.

​Πρόγραμμα

​1. Foundations

​React mindset, Vite setup, JSX, components, props, lists και keys.

​Θα χτίσεις: static movie card list με reusable components.

​2. Interactivity

​State vs props, useState, events, controlled inputs, lifting state και data fetching με useEffect.

​Θα χτίσεις: live movie search με πραγματικά δεδομένα από το OMDb API.

​Διάλειμμα 30 λεπτών

​3. Real-World React

​Context API, useContext, custom hooks, localStorage, persistent favorites, dark mode και React ecosystem overview.

​Θα χτίσεις: favorites system με persistence, dark mode και πιο polished UX.

​Πρακτικές πληροφορίες

• ​Ημερομηνία: Σάββατο 23 Μαΐου 2026

• ​Ώρα: 12:00-17:00

• ​Format: Online workshop

• ​Θέσεις: 25

• ​Προαπαιτούμενα: καλή γνώση JavaScript, Node.js 22+, VS Code, OMDb API key

​Μετά την αγορά θα λάβεις setup guide με τα βήματα που χρειάζεσαι για να είσαι έτοιμος πριν το workshop.

​Εισηγητής

​Λεντιόν Χοτζάι | Senior Frontend Engineer

​Ο Λεντιόν έχει περισσότερα από 10 χρόνια εμπειρίας στο Frontend Software Engineering, με βαθιά γνώση JavaScript, Vue.js και React. Τα τελευταία χρόνια εκπαιδεύει νέους developers και υποστηρίζει junior engineers μέσα σε πραγματικά projects και ομάδες ανάπτυξης.

​Κλείσε τη θέση σου

​Αν ξέρεις JavaScript και θέλεις να καταλάβεις τη React πέρα από syntax και copy-paste παραδείγματα, αυτό το workshop είναι για εσένα.