✅ Κάθε φορά που δημιουργείτε μια εφαρμογή λίστας υποχρεώσεων, ένα κουτάβι; πεθαίνει;

Ξέρετε πότε προσπαθείτε να μάθετε κάτι καινούργιο, αλλά βαρεθείτε παντού να δημιουργήσετε την προεπιλεγμένη εφαρμογή παραδείγματος;

Αυτό είναι το motivation1 κίνητρο KILLER.

Δεν θέλω οι μαθητές μου να υποκινηθούν και να τα παρατήσουν.

Έτσι έφτιαξα αυτήν τη γιγαντιαία λίστα με 28 διασκεδαστικές ιδέες εφαρμογών που μπορείτε να δημιουργήσετε ενώ μαθαίνετε να χρησιμοποιείτε το React with Ruby on Rails.

Αυτή η λίστα θα υποθέσει ότι είστε ήδη άνετοι με το Ruby on Rails (ή κάποιο άλλο πλαίσιο ανάπτυξης ιστού). Έτσι, το bit backend μπορεί να είναι λίγο περίπλοκο για αρχάριους, αλλά το μπροστινό μέρος React bit θα πρέπει να είναι σχετικά απλό.

Έργο # 1: Μια εφαρμογή ημερολογίου για ραντεβού (όπως το ημερολόγιο Google)

Αυτό μπορεί να ξεκινήσει ως μια απλή εφαρμογή την οποία μπορείτε σταδιακά να βελτιώσετε προσθέτοντας περισσότερες δυνατότητες και βελτιώσεις UX.

Θα σας βοηθήσει να εξασκηθείτε στη χρήση ένθετων στοιχείων (όπως ένα συστατικό ημέρας, ένθετο μέσα σε ένα συστατικό μιας εβδομάδας ή ένα ένθετο μέσα σε ένα στοιχείο).

Το χρησιμοποιώ ως παράδειγμα εφαρμογής στο μάθημα του Free Complete React on Rails. Επομένως, ελέγξτε αν θέλετε να το δοκιμάσετε.

Μπορείτε να δείτε τον πλήρη βήμα προς βήμα κωδικό εδώ:

μαθήματα / calreact

calreact - React and Rails 5 εφαρμογή ραντεβού ημερολογίου github.com

Έργο # 2: Μια εφαρμογή εξερεύνησης Github για εύρεση ενδιαφερομένων αποθετηρίων κώδικα

Μπορείτε να δημιουργήσετε το τμήμα αναζήτησης καθαρά από την πλευρά του πελάτη, αλλά μπορείτε να το κάνετε πιο διασκεδαστικό αποθηκεύοντας τις αναζητήσεις σε μια βάση δεδομένων χρησιμοποιώντας το Rails και δείχνοντας τις πιο δημοφιλείς αναζητήσεις.

Θα εξασκηθείτε χρησιμοποιώντας ένα εξωτερικό API και χειρίζεστε την απόκριση JSON. Θα μπορούσατε να πειραματιστείτε με την προ-απόδοση του στοιχείου στο διακομιστή.

Δείτε αυτήν την προσθήκη προγράμματος περιήγησης από την Algolia για να κάνετε τους χυμούς της ιδέας σας να ρέουν:

algolia / github-awesome-αυτόματη συμπλήρωση

github-awesome-autocomplete -: octocat: Προσθέστε δυνατότητες άμεσης αναζήτησης στη γραμμή αναζήτησης του GitHub github.com

Έργο # 3: Μια εφαρμογή λήψης σημειώσεων

Θα μπορούσατε να δείτε τη δύναμη του React να χειρίζεται πολλές αλλαγές κατάστασης, ας πούμε, ενεργοποιώντας την αυτόματη αποθήκευση. Ρίξτε μια ματιά στο Simplenote για ένα καλό παράδειγμα μιας απλής αλλά ισχυρής εφαρμογής σημειώσεων.

Εάν αυτό είναι πολύ δύσκολο ως πρώτη εφαρμογή, θα μπορούσατε πρώτα να δοκιμάσετε χρησιμοποιώντας ένα εξωτερικό στοιχείο προγράμματος επεξεργασίας κειμένου για να μάθετε πώς λειτουργεί και, στη συνέχεια, να εφαρμόσετε το δικό σας:

facebook / draft-js

draft-js - Ένα πλαίσιο React για την οικοδόμηση επεξεργαστών κειμένου. github.com

Έργο # 4: Προσθέστε ένα widget Slack chat στον ιστότοπό σας

Χρησιμοποιήστε το στοιχείο react-slack-chat για να προσθέσετε ένα widget συνομιλίας στον υπάρχοντα ιστότοπο Rails. Το στοιχείο κάνει το μεγαλύτερο μέρος της ανύψωσης, αλλά μπορείτε να διασκεδάσετε κάνοντας το δικό σας bot στο Rails και προσαρμόζοντας το widget στο React.

Ο κωδικός για το στοιχείο βρίσκεται στο Github:

5punk / react-slack-chat

react-slack-chat - Ένα πανέμορφο Widget Ολοκλήρωσης Ιστού Slack Chat. github.com

Έργο # 5: Meme generator

Οι ράγες μπορούν να χειριστούν την αποθήκευση και την εξυπηρέτηση μιας βιβλιοθήκης εικόνων και των υπαρχόντων meme. Χρησιμοποιήστε το React για απόδοση και χειρισμό της φόρμας για τη δημιουργία του meme.

Θα μπορούσατε να δημιουργήσετε το meme στο διακομιστή χρησιμοποιώντας το ImageMagick ή στο πρόγραμμα περιήγησης χρησιμοποιώντας καμβά. Δείτε αυτό το ρεπό του Hung Tran:

tranhungt / meme-maker

meme-maker - Κάντε τα αγαπημένα σας meme και στείλτε τα στον φίλο σας! github.com

Έργο # 6: Εφαρμογή αναζήτησης εικόνων σε πραγματικό χρόνο

Χρησιμοποιήστε το Unsplash API για δωρεάν φωτογραφίες υψηλής ποιότητας:

unsplash / unsplash_rb

unsplash_rb - Ruby wrapper για το Unsplash API. github.com

Προσθέστε δροσερά κινούμενα σχέδια χρησιμοποιώντας τα πρόσθετα React Animation.

Επιτρέψτε στους χρήστες να προσθέτουν σελιδοδείκτη στις αγαπημένες τους εικόνες. Θα μπορούσατε ακόμη και να πειραματιστείτε κάνοντας το backend απλώς μια εφαρμογή Rails API και να δημιουργήσετε μια ξεχωριστή εφαρμογή React για τη διεπαφή.

Έργο # 7: Book club

Μια απλή εφαρμογή όπου εσείς και οι φίλοι σας μπορείτε να μοιραστείτε τα αγαπημένα σας βιβλία και να τα συζητήσετε (όπως Goodreads). Το backend θα μπορούσε να είναι μια απλή εφαρμογή Rails CRUD, αλλά θα μπορούσατε να κάνετε το front end μια εφαρμογή React μιας σελίδας και να παίξετε με το React router και το Redux.

Έργο # 8: Πρόγραμμα-πελάτης Ιστού Twitter για πολλούς λογαριασμούς (όπως Tweetdeck)

Μια εφαρμογή πελάτη Ιστού Twitter στην οποία μπορείτε να συνδέσετε περισσότερους από έναν λογαριασμούς Twitter (χρησιμοποιώντας το OAuth) και, στη συνέχεια, να προσθέσετε πολλές στήλες στη διεπαφή χρήστη - για πράγματα όπως η ροή, οι ειδοποιήσεις, η αναζήτηση, τα άμεσα μηνύματα.

Χρησιμοποιήστε το στολίδι Twitter από τον Erik Michaels-Ober:

sferik / twitter

twitter - Μια διεπαφή Ruby στο API του Twitter. github.com

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

Θα μπορούσατε να προσθέσετε αυτόματη ανάκτηση νέων tweets και ειδοποιήσεων σε στιλ Tweetdeck χρησιμοποιώντας την ψηφοφορία ή το Action Cable.

Πολλά ένθετα στοιχεία και μπορείτε να δοκιμάσετε μερικές απλές κινούμενες εικόνες στο React.

Ίσως είναι καλύτερο να ξεκινήσετε με την ανάπτυξη δυνατοτήτων ανάγνωσης. Μόλις το έχετε αυτό, μπορείτε να προσθέσετε τη δυνατότητα δημοσίευσης, επισήμανσης "like" και "retweet".

Έργο # 9: OpenStreetMap Custom UI

Γνωρίζατε ότι ο ιστότοπος OpenStreetMap είναι μια εφαρμογή Rails;

Μπορείτε να πάρετε το repo εδώ, να το ρυθμίσετε στο δικό σας μηχάνημα και, στη συνέχεια, να παίξετε με την προσθήκη του React στο μπροστινό μέρος!

openstreetmap / openstreetmap-ιστότοπος

openstreetmap-website - Καθρέφτης εφαρμογής της εφαρμογής Rails //www.openstreetmap.org (φιλοξενείται στο git: // git… github.com

Έργο # 10: Ρουλέτα μεσημεριανού γεύματος

Ένας ιστότοπος που θα σας βοηθήσει να αποφασίσετε πού να πάτε για μεσημεριανό γεύμα με την ομάδα σας. Το Rails backend πρέπει απλώς να είναι μια απλή εφαρμογή CRUD που επιτρέπει στα μέλη της ομάδας να εισάγουν προτάσεις θέσεων. Θα μπορούσατε να χρησιμοποιήσετε το Foursquare API για αναζήτηση και αυτόματη συμπλήρωση.

Και χρησιμοποιήστε το React για μερικές γελοίες κινούμενες εικόνες!

Εάν δεν σας αρέσει το μεσημεριανό γεύμα, κάντε καφέ ή κοκτέιλ ή κάτι άλλο πιο συναρπαστικό.

Έργο # 11: Super Procrastinator

Ένας μοναδικός ιστότοπος που μπορείτε να πάτε για να αποφύγετε την εργασία - διαβάστε Reddit, Hacker News, Product Hunt, Medium, Slashdot και πολλά άλλα σε ένα μέρος.

Χρησιμοποιήστε το Rails backend για αποθήκευση λογαριασμών χρηστών και προτιμήσεων και συνομιλία με τα διαφορετικά API. Μπορείτε επίσης να λάβετε δεδομένα από τα API απευθείας από την πλευρά του πελάτη.

Θέλετε να δημιουργήσετε αυτές τις εφαρμογές μαζί μου; Ελάτε, ρίξτε μια ματιά στο μάθημα του Free Complete React on Rails, όπου θα σας διδάξω πώς να γίνετε επαγγελματίας στη χρήση του React with Rails, ενώ δημιουργείτε κάποια διασκεδαστικά πράγματα.

Έργο # 12: Αίθουσα συνομιλίας με καλώδιο δράσης

Εκτός από την εκμάθηση του React, αυτό θα έκανε ένα υπέροχο μικρό έργο για να δοκιμάσετε το Action Cable, ένα δροσερό νέο χαρακτηριστικό Rails 5 που προσθέτει υποστήριξη στο WebSocket στο Rails. Δείτε αυτά τα παραδείγματα για να ξεκινήσετε:

ράγες / παραδείγματα με δυνατότητα δράσης

actioncable- samples - Παραδείγματα καλωδίων δράσης github.com

Έργο # 13: Extra Small (A Medium clone)

Δείτε αυτήν τη σειρά αναρτήσεων ιστολογίου από την Andrea Mazzini, στην οποία περιγράφει λεπτομερώς τον τρόπο με τον οποίο δημιούργησε ένα Medium clone με μια εφαρμογή Rails API, React και Flux.

FancyPixel / μικρές ράγες

small-rails - Μικρός, ένας μικροσκοπικός κλώνος Medium. Rails API github.com FancyPixel / small-frontend

small-frontend - Μικρός, ένας μικροσκοπικός κλώνος Medium. React + Flux frontend github.com

Μπορείτε να το δημιουργήσετε χωρίς να χρησιμοποιήσετε το Flux, αλλά ίσως αξίζει να δοκιμάσετε αν είστε έτοιμοι για την πρόκληση.

Έργο # 14: Πρόγραμμα ετικέτας προσώπου

Μια εφαρμογή όπου μπορείτε να ανεβάσετε φωτογραφίες και να προσθέσετε ετικέτες σε άτομα (όπως στο Facebook). Χρησιμοποιήστε το στολίδι OpenCV Ruby για αυτόματη ανίχνευση προσώπου:

ruby-opencv / ruby-opencv

ruby-opencv - Πιρούνι με έκδοση του OpenCV για το Ruby github.com

Έργο # 15: ActiveAdmin σε στεροειδή

Πιθανότατα έχετε χρησιμοποιήσει το ActiveAdmin για τη διαχείριση των εγγραφών της εφαρμογής σας. Αλλά το περιβάλλον εργασίας χρήστη δεν είναι ακριβώς εμπνευσμένο. Μπορείτε να το αλλάξετε λαμβάνοντας μία προβολή τη φορά και μετατρέποντάς την σε ένα στοιχείο React με ωραία διακόσμηση.

Εξετάστε τον κωδικό ActiveAdmin εδώ:

activeadmin / activeadmin

activeadmin - Το πλαίσιο διαχείρισης για εφαρμογές Ruby on Rails. github.com

Έργο # 16: Ένα κατάστημα ηλεκτρονικού εμπορίου

Μαρμελάδα, μπύρα, σημαίες της Αγγλίας, κάρυ, όλα σερβίρονται από το React on Rails. Εάν δεν θέλετε να δημιουργήσετε τις δυνατότητες του καταστήματος στο Rails, απλώς χρησιμοποιήστε το Spree και εστιάστε στην εξάσκηση των συστατικών του React για τη διεπαφή.

ξεφάντωμα / ξεφάντωμα

spree - Το Spree είναι μια ολοκληρωμένη λύση ηλεκτρονικού εμπορίου ανοιχτού κώδικα για το Ruby on Rails. github.com

Μάντεψε? Δημιουργώ αυτήν την ιδέα για το ηλεκτρονικό κατάστημα σε μια σειρά μαθημάτων. Το πρώτο θα δημοσιευτεί εδώ στο blog FreeCodeCamp! Βεβαιωθείτε ότι με ακολουθείτε στο Medium και εγγραφείτε στο Learnetto για να το πάρετε στα εισερχόμενά σας.

Έργο # 17: Απλώς Mail No Chimp

Μια εφαρμογή ενημερωτικού δελτίου ηλεκτρονικού ταχυδρομείου με μια καλή διεπαφή χρήστη που δεν σας κάνει να θέλετε να κόψετε τα μαλλιά σας. Και καμία χαριτωμένη μαϊμού ανοησία;

Μπορείτε ακόμα να χρησιμοποιήσετε το Mailchimp API ή να χρησιμοποιήσετε το Sendgrid. Εάν έχετε χρησιμοποιήσει το Mailchimp, γνωρίζετε ότι υπάρχουν πολλά χαρακτηριστικά που μπορείτε να δοκιμάσετε να δημιουργήσετε - προβολή / φιλτράρισμα / διαχείριση συνδρομητών, σχεδίαση φορμών, δημιουργία καμπανιών και πολλά άλλα.

Απλώς επιλέξτε ένα χαρακτηριστικό και προσπαθήστε να το δημιουργήσετε. Τα περισσότερα χαρακτηριστικά θα περιλαμβάνουν κάποιο είδος φόρμας, επομένως θα πρέπει να είναι καλή πρακτική να διαιρείτε το περιβάλλον χρήστη σας σε στοιχεία React που θα χειρίζονται κατάσταση και ορισμένα λειτουργικά στοιχεία χωρίς κατάσταση.

Έργο # 18: Gmail on Rails

Το Gmail διαθέτει ένα πολύ περίπλοκο περιβάλλον εργασίας χρήστη, αλλά μπορείτε να ξεκινήσετε δημιουργώντας απλώς τη διεπαφή χρήστη για καταχώριση και ανάγνωση μηνυμάτων ηλεκτρονικού ταχυδρομείου. Ή μήπως η αναζήτηση θα μπορούσε να είναι πιο διασκεδαστική;

Χρησιμοποιήστε το στολίδι google-api-client και ρίξτε μια ματιά σε αυτό το φοβερό σεμινάριο React και repo κώδικα από τον Mark Brown ☕ για να ξεκινήσετε:

markbrown4 / gmail-react

gmail-react - Ένα μάθημα React.js - Gmail github.com

Έργο # 19: DJ Spotify

Μια εφαρμογή DJ'ing που δημιουργήθηκε πάνω από το Spotify. Λάβετε προτάσεις, δημιουργήστε και συνδυάστε λίστες αναπαραγωγής, ακόμη και επιτρέψτε σε άλλους να προσθέσουν τραγούδια στις λίστες αναπαραγωγής σας.

Χρησιμοποιήστε ένα στολίδι Ruby wrapper για το Spotify API:

guilhermesad / rspotify

rspotify - Ένα ρουμπίνι περιτύλιγμα για το Spotify Web API github.com

Έχω δημιουργήσει μια μικρή εφαρμογή με αυτό και είναι πολύ εύκολο στη χρήση. Το Spotify επιτρέπει την αναπαραγωγή της ίδιας της μουσικής μόνο με τις δικές τους εφαρμογές, οπότε πρέπει να διατηρήσετε την εφαρμογή παράλληλα.

Έργο # 20: Πίνακας ελέγχου Heroku

Ως προγραμματιστής Rails, πιθανότατα είστε πολύ εξοικειωμένοι με το Heroku. Είναι μια καταπληκτική υπηρεσία για γρήγορη ανάπτυξη και φιλοξενία εφαρμογών Rails - ιδανική όταν δημιουργείτε πολλά μικρά πράγματα για μάθηση

Δημιουργήστε έναν απλό πίνακα ελέγχου που αναφέρει τις εφαρμογές σας και σας επιτρέπει να βλέπετε γρήγορα βασικές πληροφορίες για καθεμία από αυτές. Μπορείτε να προσθέσετε δυνατότητες επεξεργασίας ως δεύτερο βήμα.

Χρησιμοποιήστε αυτό το στολίδι για να αποκτήσετε πρόσβαση στο Heroku API:

heroku / platform-api

platform-api - πελάτης Ruby HTTP για το Heroku API github.com

Έργο # 21: Πελάτης AWS S3

Δημιουργήστε ένα ωραίο σύγχρονο περιβάλλον εργασίας χρήστη για τη διαχείριση του λογαριασμού σας AWS S3. Χρησιμοποιήστε το στολίδι Ruby και ξεκινήστε δημιουργώντας ένα απλό στοιχείο προγράμματος περιήγησης αρχείων. Στη συνέχεια, προσθέστε ένα στοιχείο φόρμας για να ανεβάσετε αρχεία.

aws / aws-sdk-ruby

aws-sdk-ruby - Το επίσημο AWS SDK για Ruby. github.com

Έργο # 22: Πίνακας ελέγχου ανάλυσης λωρίδων

Ένας πίνακας ελέγχου για την εμφάνιση ορισμένων στατιστικών στοιχείων και γραφημάτων με βάση τα δεδομένα Stripe. Το API είναι πολύ καλά τεκμηριωμένο και αυτή είναι μια μεγάλη ευκαιρία να δοκιμάσετε να χρησιμοποιήσετε το D3 με το React (δείτε αυτό και αυτό).

Έργο # 23: Πίνακας ελέγχου αναλυτικών στοιχείων Google

Ο προεπιλεγμένος πίνακας ελέγχου Google analytics είναι γεμάτος και προκαλεί σύγχυση. Θα μπορούσατε να φτιάξετε ένα απλούστερο, το οποίο δείχνει μόνο τις πιο σημαντικές πληροφορίες.

Μια άλλη ευκαιρία να χρησιμοποιήσετε το D3 ή θα μπορούσατε να δοκιμάσετε μια άλλη βιβλιοθήκη.

Μπορείτε να αποκτήσετε πρόσβαση στο GA API με αυτό το στολίδι.

Έργο # 24: Habit Tracker

Δημιουργήστε μια εφαρμογή για να παρακολουθείτε τις καθημερινές και εβδομαδιαίες σας συνήθειες - πρωινές ρουτίνες, συνεδρίες γυμναστικής, τρέξιμο, μαγείρεμα, διαλογισμό, κιθάρα, τελετές τσαγιού;

Για έμπνευση, δείτε το Loop Habit Tracker ή το Coach.

Κάντε το φιλικό προς κινητά, ώστε να μπορείτε να το χρησιμοποιείτε εν κινήσει. Μόλις αισθανθείτε άνετα με το React, θα μπορούσατε ακόμη και να δημιουργήσετε μια εφαρμογή για κινητά χρησιμοποιώντας το React Native.

Έργο # 25: Πίνακας ελέγχου φυσικής κατάστασης

Δημιουργήστε έναν πίνακα ελέγχου για όλα τα προσωπικά σας δεδομένα φυσικής κατάστασης, που συγκεντρώνει δεδομένα από διαφορετικές εφαρμογές και παρουσιάζει ορισμένα χρήσιμα στατιστικά στοιχεία σε ένα ωραίο περιβάλλον εργασίας χρήστη.

Ανάλογα με αυτό που χρησιμοποιείτε, η οικογένεια και οι φίλοι σας, θα μπορούσατε εύκολα να τραβήξετε δεδομένα από μια σειρά API - Fitbit, Google Fit, Moves, Runkeeper, Strava, Withings και πολλά άλλα!

Θα μπορούσατε ακόμη και να επιτρέψετε στον χρήστη να εισάγει μη αυτόματα δεδομένα για απλά πράγματα όπως παρακολούθηση βάρους και ρουτίνες άσκησης.

Θα μπορούσατε να ξεκινήσετε απλώς δείχνοντας αναφορές και, στη συνέχεια, βελτιώστε τις με νέες δυνατότητες όπως η προσθήκη σημειώσεων και η κοινή χρήση.

Έχω δημιουργήσει έναν απλό πίνακα ελέγχου για δεδομένα Fitbit. Δείτε τον κωδικό εδώ:

μαθήματα / αντιδραστήρια

reactfit - Μια εφαρμογή ταμπλό γυμναστικής που δημιουργήθηκε με χρήση των Rails 5.1 και React.js github.com

Έργο # 26: Μάντεψε το σκίτσο μου (παιχνίδι)

Δημιουργήστε μια εφαρμογή σχεδίασης στην οποία μπορείτε να σχεδιάσετε με ένα ποντίκι και ένας φίλος πρέπει να μαντέψει τι σχεδιάσατε. Μπορείτε να χρησιμοποιήσετε καμβά για σχέδιο. Δείτε το react-sketchpad του Michal Svrček για μερικές ιδέες για το πώς να ξεκινήσετε:

svrcekmichal / react-sketchpad

react-sketchpad - Το Sketch pad δημιουργήθηκε με καμβά github.com

Χρησιμοποιήστε το Rails για να ανεβάσετε και να αποθηκεύσετε το σχέδιο και να το δείξετε σε κάποιον άλλον υπολογιστή.

Ως προηγμένη άσκηση στη διασκέδαση, προσθέστε μηχανική εκμάθηση και κάνετε τον υπολογιστή να μαντέψει;

Έργο # 27: γράφετε "Μου αρέσει"

Δημιουργήστε μια εφαρμογή ταξινόμησης κειμένου που ταιριάζει με το στυλ γραφής σας σε έναν διάσημο συγγραφέα - όπως και το I Write Like (από τον Dmitry Chestnykh).

Χρησιμοποιήστε το classifier-reborn για την ταξινόμηση του κειμένου και το React για το χειρισμό της φόρμας. Αυτή η εφαρμογή είναι ως επί το πλείστον βαρύ backend, οπότε πειραματιστείτε με ορισμένες κινούμενες εικόνες UI. Δείτε αυτό το ρεπό για μερικές καλές ιδέες:

FormidableLabs / αντιδράσεις-κινούμενες εικόνες

react-animations - Μια συλλογή κινούμενων σχεδίων για βιβλιοθήκες ενσωματωμένου στυλ github.com

Έργο # 28: Πίνακας ιδεών

Δημιουργήστε μια εφαρμογή πλακέτας Idea χρησιμοποιώντας μια εφαρμογή Rails 5.1 API και μια ξεχωριστή εφαρμογή React που δημιουργήθηκε χρησιμοποιώντας τη Δημιουργία εφαρμογής React Ο πίνακας Idea είναι ένας απλός πίνακας που εμφανίζει ιδέες με τη μορφή τετραγωνικών πλακιδίων. Μπορείτε να προσθέσετε ιδέες, να επεξεργαστείτε υπάρχουσες ιδέες και να διαγράψετε ιδέες.

Έχω ήδη φτιάξει αυτό! Δείτε αυτά τα δύο εκπαιδευτικά βίντεο που θα σας δείξουν πώς να δημιουργήσετε αυτό το βήμα προς βήμα:

Μέρος 1:

Εκπαιδευτικό πρόγραμμα Rails 5 API και React.js - Πώς να δημιουργήσετε μια εφαρμογή board Idea | Μάθετε

Εκπαιδευτικό πρόγραμμα Rails 5 API και React.js - Πώς να δημιουργήσετε μια εφαρμογή board Idea | Learnettolearnetto.com

Μέρος 2ο:

Πώς να κινούμε ένα στοιχείο χρησιμοποιώντας το React Transition Group | Μάθετε

Πώς να κινούμε ένα στοιχείο χρησιμοποιώντας το React Transition Group Learnettolearnetto.com

Αυτά τα σεμινάρια καλύπτουν πολλές πρακτικές έννοιες όπως λειτουργικά στοιχεία χωρίς κατάσταση, εξαρτήματα βασισμένα στην τάξη, χρήση αξόνων για την πραγματοποίηση κλήσεων API, αμετάβλητο-βοηθό και πολλά άλλα.

Τώρα είναι πάρα πολλές ενδιαφέρουσες ιδέες για να ξεκινήσετε το ταξίδι σας στο React on Rails!

Θέλετε να δημιουργήσετε αυτές τις εφαρμογές μαζί μου; Ελάτε, ρίξτε μια ματιά σε δωρεάν μαθήματα σχετικά με το React, το Rails και πολλά άλλα στο Learnetto.com.

Έχετε άλλες ιδέες; Μοιραστείτε τα σε μια απάντηση παρακάτω.

Σε παρακαλώ ; r ecommend / χειροκρότημα; και μοιραστείτε αυτό το άρθρο!