Latest posts

flaming.codes hosts technical articles and tutorials by Tom Schönmann, with a focus on Full Stack development and Generative AI.

• Συναρτησιακά Components vs React.FC στο TypeScript: Μια Ειλικρινής ΣυζήτησηΚατανόηση της εξέλιξης της τυποποίησης TypeScript στα React components
• Δημιουργώντας ένα Boid: Βαθμονομημένη Βαθιά Σμήνωση με Κινούμενα Σχέδια σε ReactΔημιουργία ρευστών, με παραλλαξία ρυθμισμένων προσομοιώσεων πουλιών που νιώθουν ζωντανά
• Ταΐζοντας το Τέρας: Οδηγός Προγραμματιστή για Προετοιμασία Δεδομένων και Mega-Prompting για Βοηθούς Κώδικα AIΕπειδή ακόμα και το πιο έξυπνο AI χρειάζεται καλά πακεταρισμένο κολατσιό
• Πέρα από το Next.js: Η κατάσταση των full-stack JavaScript frameworks το 2025Μια ολοκληρωμένη ματιά στα σύγχρονα full-stack JavaScript frameworks
• Μηχανική 80/20: Πώς Αναδόμησα τον Ιστότοπό μου μέσα σε ένα ΣαββατοκύριακοΗ Δύναμη του Σχεδιασμού Πριν την Κωδικοποίηση
• Δημιουργία Κινούμενης Εικόνας Boids με Αντίληψη Βάθους στο ReactΣχηματίζοντας Σμήνη με Στυλ (και Παραλλαξία!)
• Η Civet, μια γλώσσα προγραμματισμού με προσανατολισμό στη λειτουργική προγραμματισμό ως υπερσύνολο της TypeScriptΒουτιά στις βελτιώσεις σύνταξης της Civet και στο οικοσύστημα ένταξης για να αξιολογήσουμε τα πραγματικά πλεονεκτήματα και τις πιθανές προκλήσεις
• Πώς μετέφερα το flaming.codes από Next.js σε QwikΤο δίνοδικό μου ταξίδι μεταφέροντας το flaming.codes από Next.js σε Qwik και Qwik City
• Windows 95 και η συνάφειά τους στο ιστορικό του υπολογιστήΤι καθιέρωσαν τα Windows 95 που εξακολουθούν να ισχύουν σήμερα
• Να θυμάστε τα πάντα με το Rewind.ai: να το χρησιμοποιείτε για εργασίαΠώς το Rewind.ai μπορεί να σας βοηθήσει να θυμάστε πράγματα που έχετε ήδη ξεχάσει
• Arc Browser για Ανάπτυξη & Διαχείριση ΙστούΠώς το UX του Arc Browser βελτιώνει τη ροή εργασίας για τους προγραμματιστές
• Ήχοι φόντου σε iOS και macOSΠώς να χρησιμοποιήσετε τους ήχους παρασκηνίου για να δημιουργήσετε ένα χαλαρωτικό περιβάλλον σε iOS και macOS
• Αρχεία βαρελιού σε JavaScriptΤα πλεονεκτήματα και τα μειονεκτήματα της χρήσης αρχείων Barrel σε JavaScript
• Github Copilot LabsΜια πειραματική επέκταση για τη βελτίωση του Github Copilot
• Προεπισκοπήσεις στιγμιότυπου οθόνης PWAΠώς να εμφανίσετε στιγμιότυπα οθόνης στη γραμμή εντολών εγκατάστασης του PWA
• Πακέτα-αγνωστικά σενάρια με το Node.jsΠώς να απλοποιήσετε την εκτέλεση σεναρίων σε NPM, Yarn και PNPM
• Ο τελεστής 'satisfies' στο TypeScriptΕπιβεβαιώστε ότι ο τύπος μιας έκφρασης ταιριάζει με κάποιον τύπο, χωρίς να αλλάξετε τον τύπο αυτής της έκφρασης που προκύπτει
• Οδηγός για αρχάριους στο Node.js και στο NPMΠώς να ξεκινήσετε με το Node.js και το Node Package Manager
• Έλεγχος εξωτερικών οθονών στα WindowsΠώς να χρησιμοποιήσετε μια δωρεάν εφαρμογή για τον έλεγχο της φωτεινότητας για όλες τις οθόνες
• Οι πολλές διαφορές μεταξύ Unix και LinuxΠώς διαφέρουν δύο από τα πιο δημοφιλή λειτουργικά συστήματα.
• Μια απλή εισαγωγή στο TypescriptΜια σύντομη εισαγωγή σε ορισμένες έννοιες του Typescript
• Το σύμβολο σε JavascriptΓνωρίστε τα σύμβολα: Ο μοναδικός τύπος δεδομένων για τις ιδιότητες αντικειμένων
• DOM TreeWalker APIΤο TreeWalker API: Ένα ισχυρό εργαλείο για τη διέλευση του δέντρου DOM.
• Καλύτερη τεκμηρίωση σε TS & JSΠώς να γράψετε καλύτερα έγγραφα σε Javascript με πλούσια μεταδεδομένα
• Τύποι για διαμόρφωση Tailwind-CSSΠώς να χρησιμοποιήσετε τύπους Typescript για Tailwind-CSS
• Σκοτεινή λειτουργία για εικόνες Github MarkdownΠώς να χρησιμοποιήσετε διαφορετικές εικόνες στο Markdown για φωτεινή ή σκοτεινή λειτουργία
• Πώς να προσδιορίσετε το λειτουργικό σύστημα στο πρόγραμμα περιήγησηςΧρησιμοποιήστε σύγχρονα API για να ανακτήσετε πληροφορίες σχετικά με το κεντρικό σύστημα της εφαρμογής Ιστού σας
• Ξεκινήστε έναν συγκεκριμένο προσομοιωτή iOS ή iPadOSΠώς να χρησιμοποιήσετε το Terminal για να επιλέξετε και να εκκινήσετε οποιονδήποτε εγκατεστημένο προσομοιωτή
• Νέα μεγέθη θυρών προβολήςΠώς τα svh, lvh και dvh μπορούν να βελτιώσουν την απόκριση σχεδίασή σας
• MSW στο SvelteKitΠώς να εφαρμόσετε MSW για τοπική ανάπτυξη στο SvelteKit
• Gitpod IDE στο σύννεφοΕφήμεροι χώροι εργασίας, είναι all-ops στο cloud
• Γεννήτρια άδειας χρήσης στο SvelteKitΔημιουργήστε μια λίστα εξαρτήσεων για το έργο σας SvelteKit
• Lazy loading modules στο SvelteΠώς να εισαγάγετε το στοιχείο σας κατά παραγγελία
• Προσαρμοσμένος φάκελος lib στο SvelteKitΠώς να δημιουργήσετε ένα ψευδώνυμο διαδρομής στο SvelteKit
• AfterDark Screensaver για macOSΠώς να εγκαταστήσετε ένα από τα καλύτερα screensavers ποτέ
• Ρύθμιση HMR για SvelteKit με GitpodΠώς να χρησιμοποιήσετε το Hot Module Reload με το SvelteKit και το Gitpod
• Συνδυάστε γραμματοσειρές στην εφαρμογή Ιστού σαςΠώς το Fontsource παρέχει γραμματοσειρές για αποστολή με την εφαρμογή σας
• Δημιουργήστε SVG από τις γραμματοσειρές GoogleΠώς να χρησιμοποιήσετε μια εφαρμογή Ιστού για να μετατρέψετε οποιοδήποτε κείμενο σε SVG
• Ελαφριά εναλλακτική του AxiosΧρησιμοποιώντας το Redaxios αντί του Axios ως μια μικρή εναλλακτική
• Κριτικές κώδικα: Πώς να ανεβάσετε τις δεξιότητές σαςΓιατί οι κριτικές κώδικα είναι το πιο ισχυρό εργαλείο για να γίνετε καλύτερος προγραμματιστής
• Raycast για macOSΈνα ευέλικτο εργαλείο ελέγχει ένα τεράστιο σύνολο κοινών εργασιών
• Αναζήτηση κώδικα GithubΠώς να χρησιμοποιήσετε τη fuzzy-search του Github για τα αποθετήρια σας
• Ελέγξτε τη φωτεινότητα στις εξωτερικές οθόνες του macOSΠώς να χρησιμοποιήσετε την εφαρμογή που ονομάζεται MonitorControl για αλλαγές φωτεινότητας οθόνης
• 'Επισκόπηση CSS' στα DevTools του ChromiumΠώς να αναλύσετε το CSS σας με το DevTools
• Τύποι συμβολοσειράς προτύπου πληκτρολογίου ως διακριτικάΒελτιωμένοι κυριολεκτικοί τύποι προτύπων με Typescript 4.5
• Φόρτωση ενσωματωμένων λειτουργικών μονάδων Node.jsΜια ελαφρώς ειδική εισαγωγή-σύνταξη για ενσωματωμένες μονάδες
• Κωδικοποίηση σε VRΓιατί το Quest 2 (και περισσότερα) από το Meta είναι ένα ορόσημο στην εικονική πραγματικότητα
• Καταργήστε τα αρχεία που αγνοήθηκαν στο gitΜία εντολή που πρέπει να χρησιμοποιήσετε για την αφαίρεση των αγνοημένων αρχείων που είναι check-in
• Λήψη σφαλμάτων στο Promise.allΜια ασφαλής εναλλακτική λύση στο Promise.all της Javascript
• Το πιο ισχυρό τερματικό SSHΠώς να χρησιμοποιήσετε τον κωδικό VS ως το καθημερινό σας τερματικό SSH
• Συνεργασία με το Github CopilotΠώς ένα AI μπορεί να βελτιώσει δραστικά την ταχύτητα κωδικοποίησης σας
• Παλέτα εντολών GithubΠώς να αναζητήσετε αποθετήρια και γρήγορες ενέργειες στο Github
• Μελέτη περίπτωσης UX μιας σελίδας ανάρτησης ιστολογίουΠώς σχεδίασα τη σελίδα του άρθρου για αυτήν την εφαρμογή Ιστού
• Τι είναι ο «πλοηγός» στις προοδευτικές εφαρμογές ιστού;Πώς επιτρέπει ο «πλοηγός» να βελτιώνει προοδευτικά τις εφαρμογές ιστού σας
• Απλό κινούμενο αναλογικό ρολόι στο Tailwind.cssΠώς να δημιουργήσετε ένα πολύ απλό αναλογικό ρολόι με κινούμενα σχέδια μόνο στο Tailwind.css
• Μελέτη περίπτωσης UX μιας σελίδας χαρτοφυλακίουΟι σκέψεις που επηρέασαν το σχεδιασμό της προσωπικής μου σελίδας χαρτοφυλακίου
• Μελέτη περίπτωσης UX μιας σελίδας επισκόπησηςΠώς σχεδίασα τη σελίδα επισκόπησης για όλες τις μετακατηγορίες
• Ειδική λειτουργία δικτύου για δεδομένα ανάλυσης στο πρόγραμμα περιήγησηςΠώς να χρησιμοποιήσετε το 'sendBeacon' για αξιόπιστη μετάδοση μικρών κομματιών δεδομένων
• Γράφοντας ένα πρόσθετο xbar για το Plausible.ioΠώς έγραψα μια προσθήκη JS για την εφαρμογή xbar για να βλέπω τον τρέχοντα αριθμό επισκεπτών
• Πύλη React.jsΗ μαγεία της απόδοσης στοιχείων έξω από το δέντρο DOM
• Κοινή χρήση οθόνης iPhone σε MacΠώς να εμφανίσετε την οθόνη σας iOS στο Mac σας
• Next.js Γεννήτρια άδειας NPMΠώς να δημιουργήσετε άδειες από το pack.json σας
• Αντιδράστε σε μαζικές ενημερώσειςΠώς να συνδυάσετε ενημερώσεις κατάστασης σε μία μόνο κλήση απόδοσης
• API πληροφοριών δικτύου για PWAΠώς να καθορίσετε πραγματικά δεδομένα δικτύου στην εφαρμογή σας Ιστού
• DaisyUI - Tailwind εξαρτήματαΤο ισοδύναμο Bootstrap για τις κατηγορίες βοηθητικών προγραμμάτων Tailwind
• JSXΗ σύνταξη Javascript XML
• Ένα PWA που ονομάζεται DevToolsΟ καλύτερος φίλος ενός προγραμματιστή είναι στην πραγματικότητα μια Προοδευτική Εφαρμογή Ιστού, ακριβώς στο Chromium
• Supabase - Backend ως υπηρεσίαΜια πραγματικά ανοιχτή πηγή εναλλακτική λύση για το Firebase
• Android Incremental FSΠώς ένα εικονικό σύστημα αρχείων στο Android επιτρέπει την ταχύτερη εκκίνηση του παιχνιδιού
• Χρήστης Github ανά πεδίο εφαρμογήςΠώς να χρησιμοποιήσετε διαφορετικό χρήστη Github για διαφορετικά έργα
• SEO χωρίς το Google Analytics;Μπορείτε να φτάσετε στις κορυφαίες τάξεις της Google χωρίς ενεργοποιημένο το Analytics;
• Σφάλμα Node.js με περιβάλλονΠώς να προσθέσετε μια αιτία σφάλματος σε ρίψεις στο V8 9.3 και μεταγενέστερη
• Android Studio στο Ubuntu με NVMΠώς να ρυθμίσετε σωστά το NVM στο Ubuntu για να εργαστείτε με το Android Studio
• Εισαγωγή ES6 με παραμέτρουςΤρόπος μετάδοσης παραμέτρων σε μια μονάδα ES6 κατά την εισαγωγή της
• Επιδιόρθωση για 100vh του Webkit στο TailwindΠώς να διορθώσετε τη συμπεριφορά των 100vh στο Tailwind
• Αντικαταστήστε το Material-UI με το Tailwind.cssΜελέτη περίπτωσης σχετικά με την αντικατάσταση του Material-UI με το Tailwind.css
• Συμβολοσειρές προτύπων με ετικέτα TypescriptΤρόπος χρήσης συμβολοσειρών προτύπων ως συναρτήσεων
• Εργαζόμενοι στο CloudflareΓρήγορες λειτουργίες χωρίς διακομιστές που φιλοξενούνται από το CDN του Cloudflare
• AndroidEnvΜια διεπαφή για το Reinforcement Learning για πρόσβαση στο λειτουργικό σύστημα Android
• Μενού εντολών Chrome & Edge DevToolsΠώς να πλοηγηθείτε στο DevTools σαν χρήστης ενέργειας
• Next.js-config με έλεγχο τύπουΠώς να χρησιμοποιήσετε τον έλεγχο τύπου για το next.config.js
• Κατηγορία απόδοσης AndroidΠώς κάθε έκδοση Android καθορίζει το επίπεδο απόδοσής της
• Προχωρημένη δοκιμή / catch / τέλος σε Javascript και TypescriptΡίξτε μια λεπτομερή ματιά στην υλοποίηση ενός μπλοκ try-catch-akhirnya
• Τύποι TupleΠώς να πληκτρολογήσετε καλύτερα tuples στο Typescript 4.2 και μεταγενέστερες εκδόσεις
• Τι είναι το AuthN και το AuthZΈνας απλός οδηγός για τη διαφορά μεταξύ εξουσιοδότησης και ελέγχου ταυτότητας
• Ιδιότητες κατηγορίας ιδιωτικής κατηγορίαςΤο Typescript υποστηρίζει ιδιωτικές ιδιότητες για τάξεις
• Τύποι συμβολοσειρών προτύπων γραφήςΠώς να περιορίσετε τους τύπους συμβολοσειρών χρησιμοποιώντας τον μηχανισμό συμβολοσειρών προτύπων
• API σήμανσης εφαρμογών ιστούΠώς χρησιμοποιείτε ένα σήμα για το εγκατεστημένο PWA σας
• Google ZX - σενάρια κελύφους με JavascriptΠώς να γράψετε σενάρια shell με Javascript και Node.js
• Χειριστής αγωγών TypescriptΣύνταξη αλυσοδεμένων κλήσεων σε Typescript
• Codespaces από τον GithubIDE ως υπηρεσία, διαθέσιμη στο πρόγραμμα περιήγησής σας
• Πακέτα δεδομένων FirestoreΜια νέα εφαρμογή για προσωρινά αποθηκευμένα έγγραφα του Firestore
• API κλειδώματος ιστούΣυντονίστε την εργασία και τη χρήση πόρων μεταξύ διαφορετικών διαδικασιών
• Android Emulator στο Apple M1Πώς να χρησιμοποιήσετε το Emulator για Android σε συσκευές Apple Silicon
• PWA στο Microsoft App StoreΠώς να δημοσιεύσετε το PWA σας στο Microsoft App Store
• API συνεδρίας πολυμέσωνΠαροχή μετα-δεδομένων πολυμέσων και επιστροφών στο PWA σας
• Μικροδεδομένα για σημασιολογικό ιστόΠώς να βελτιώσετε τις σελίδες σας με περισσότερες σημασιολογικές πληροφορίες
• Στήλες ΜίλερΜια εξαιρετική ιδέα διάταξης που άλλαξε τη διεπαφή χρήστη για συστήματα αρχείων
• ΠλασμικόςΈνα πρόγραμμα δημιουργίας εφαρμογών ιστού WYSIWYG
• Δρομέας δοκιμής στοιχείων CypressΔοκιμές συστατικών μονάδων δόμησης για το React
• Όταν το PWA σας αρχίζει να μιλάΧρησιμοποιώντας το WaveNet για να προσθέσετε σύνθεση ομιλίας για άρθρα
• Υπερβολική φόρτιση Github MarkdownΔείτε πόσο ευέλικτο μπορεί να είναι το Markdown του Github
• Τι είναι το μοτίβο διεπαφής χρήστη;Ρίξτε μια ματιά σε μια νέα πτυχή στο σχεδιασμό διεπαφής χρήστη
• Ψηφιακή μορφογένεσηΤο διεπιστημονικό πεδίο των φυσικών προτύπων στον ψηφιακό υπολογισμό
• Αξιόπιστη δραστηριότητα ΙστούΠώς να επικυρώσετε την εφαρμογή ιστού σας - και να δημιουργήσετε μια εφαρμογή Android από αυτήν
• Διακριτικό βασικής προσοχήςΈνα νέο μοντέλο εσόδων για τον Ιστό
• Πώς έμαθα 12 γλώσσες - σε μια νύχταΧρησιμοποιώντας τα πιο πρόσφατα από μηχανική εκμάθηση και κάποια έξυπνη προσωρινή αποθήκευση
• API κοινής χρήσης ιστούΠώς χρησιμοποιείτε το εγγενές κοινόχρηστο API του ιστού
• Άνοιγμα ≠ άνοιγμαΜορφές, ευκαιρίες και μειονεκτήματα της ανοιχτής επιστήμης
• AC600 στο UbuntuΠώς να εγκαταστήσετε προγράμματα οδήγησης Netgear AC600 στο Ubuntu
• Τομέας λειτουργιών FirebaseΤρόπος χρήσης ενός προσαρμοσμένου τομέα για Firebase Functions
• Τι είναι το XaaS;Είναι τα πάντα ως υπηρεσία και πολλά άλλα
• API δόνησης PWAΑς χρησιμοποιήσουμε τον πλοηγό για να ανακινήσουμε τη συσκευή σας
• Μελέτη UX: αντιγραφή στο πρόχειροΠώς να σχεδιάσετε μια ενέργεια αντιγραφής στο πρόχειρο στο UX σας
• Διορθώστε το κιτ για κινητά 100vhΟ χειρισμός του Mobile Webkit των 100vh ίσως χρειαστεί περισσότερη προσοχή
• Μετακίνηση σε νέο διαμέρισμαΠώς να μετακινηθείτε σε ένα νέο διαμέρισμα όταν εργάζεστε έως και 12 ώρες την ημέρα
• IntelliJ για Apple M1Η πλήρης σουίτα IntelliJ διατίθεται για τους επεξεργαστές Μ της Apple
• Επικεφαλής απομακρυσμένης εργασίαςΠώς να διατηρήσετε τον συγχρονισμό όλων και όλων
• Παροχή RSSΑυτό το PWA παρέχει μια τροφοδοσία RSS
• Η μέθοδος της DisneyΠώς να είστε πιο δημιουργικοί με το να είστε πιο συστηματικοί
• Απόρρητο-Πρώτο AnalyticsΠώς να σέβεστε τους χρήστες σας και να παρακολουθείτε την απόδοση
• Προγραμματιστής KickscaleΗ επέκταση Gmail για αυτόματη εύρεση δωρεάν συναντήσεων
• Στοχαστική κωδικοποίησηΓιατί η κωδικοποίηση είναι κάτι παραπάνω από τη συμβολοσειρά συμβόλων
• Κωδικός φωτιάς μαζί μουΉρθε η ώρα να ενεργοποιήσετε κάποιον κώδικα!