👋 Hello, Developers! Welcome back to OctaCoder.
In this tutorial, we're diving into sorting items in our Octa Travel app. By the end of this video, you'll know how to sort your travel checklist items based on input order, description, and packed status. If you haven't caught up with our previous sessions, I highly recommend checking those out-the links are in the description below.
🔗 Previous Sessions:
🔄 Lifting State in React
📋 Dynamically Generating Form Options
🖼️ Rendering Data onto the UI
In this video, you'll learn:
🛠️ How to add sorting options in your React app
📦 How to create a controlled select element
🔄 How to handle state changes with useState
🧠 How to implement derived state for sorting items
🔗 Related Videos:
Octa Travel App P5 - • Master Derived State i...
Octa Travel App P4 - • Master React Form Hand...
Octa Travel App P3 - • React Form Handling Si...
Octa Travel App P2 - • Building Octa Travel A...
Octa Travel App P1 - • Building a Website Lay...
🔗 Octacoders Best Tutorials -
MongoDB Atlas Tutorial - • Connecting to MongoDB ...
Quotes Generator React App | React Fetch API Data | App Project
• Quotes Generator React...
Previous OctaCoder Tutorial - Building a Dynamic Steps Component in React | React JS
• Building a Dynamic Ste...
📚 Additional Resources:
Build a Rest APIs for "Find My Restaurant" : Node.js, Express.js, MongoDB | RESTful APIs | Part - 1 Link - • Build a Rest APIs for ...
🚀 Let's Connect:
📚 GitHub: github.com/Oct...
📺 KZitem: / @octacoder
📘 Facebook: / octacoder
📷 Instagram: / octacoder
#React #ReactTutorial #OctaCoder #WebDevelopment #JavaScript #TravelApp #SortingItems
If you want to learn how to build a full-stack project, be sure to check out our series on the 'Find My Restaurant' full-stack project.
Build a Rest APIs for "Find My Restaurant" : Node.js, Express.js, MongoDB | RESTful APIs #1
Link - Part 1 - • Build a Rest APIs for ...
Build a Rest APIs for "Find My Restaurant" : Node.js, Express.js, MongoDB | RESTful APIs #2
Part 2 - • Build a Rest APIs for ...
Build a Rest APIs for "Find My Restaurant" : Node.js, Express.js, MongoDB | RESTful APIs #3
Part 3 - • Build a Rest APIs for ...
Build a Rest APIs for "Find My Restaurant" : Node.js, Express.js, MongoDB | RESTful APIs #4
Part 4 - • Build a Rest APIs for ...
#mongodb #reactjs #webdevelopment
🔔 Notification Squad:
Hit the notification bell to stay updated with our latest tutorials. Never miss a coding insight from OctaCoder!
🎉 Thank you for Watching:
Thanks for tuning in to another OctaCoder tutorial. Happy coding, and we'll see you in the next one!
#React #ReactTutorial #WebDevelopment #JavaScript #Coding #OctaCoder
🚀 Happy Coding! Learn the way, create your own - OctaCoder
Негізгі бет React State Management: Sorting Travel Items | Octa Travel Series
Пікірлер