Welcome to the GraphQL Crash Course where we build a full-stack expense tracker app with Express, MongoDB, React, and Apollo.
Source code: https://github.com/burakorkmez/graphq... (Stars appreciated 🌟)
Discord to ask your questions: / discord
Support: https://www.buymeacoffee.com/burakork...
Features:
🌟 Tech stack: MERN (MongoDB, Express.js, React.js, Node.js) + Apollo GraphQL
📝 Learn type definitions and resolvers for defining GraphQL schema and data fetching logic
🔄 Mutations for modifying data in the GraphQL API and establishing graph relations
🎃 Authentication with Passport.js and MongoDB session store
🚀 Global state management with Apollo Client
🐞 Error handling both on the server and on the client
⭐ Deployment made easy with a platform called Render
👾 Cron jobs for scheduled tasks and automation
⏳ And much more!
Timestamps:
00:00:00 - Demo App and Course Overview
00:07:36 - 1- Understanding GraphQL
00:14:00 - 1- Creating Schema
00:34:30 - 1- Testing Queries
00:39:20 - 1- Using expressMiddleware
00:43:10 - 1- Database Setup(MongoDB)
00:53:00 - 1- Authentication Workflow
00:59:00 - 1- Passport.js Setup
01:13:00 - 1- User Resolvers
01:27:30 - 1- Transaction Resolvers
01:36:40 - 2- UI Design (React and Tailwind CSS)
02:12:15 - 3- Apollo Client Setup
02:21:30 - 3- Implementing Authentication
02:46:20 - 3- CRUD Transactions
03:25:00 - 3- Understanding and Clearing the Cache
03:28:30 - 3- GET Category Stats
03:37:00 - 3- Fetching Real Data for Chart
03:48:20 - 3- GraphQL Relationships
04:03:50 - 4- Finally Deployment
04:23:00 - 4- Cron Jobs Explained (Optional)
Thanks for watching and subscribing! 🚀
#reactjs #javascript
Смотрите видео GraphQL Crash Course in 2024 | Build a Full Stack MERN App онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь As a Programmer 29 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 40,120 раз и оно понравилось 1.4 тысяч людям.