rllyyy / react-swr

Implementing SWR 2.0 and optimistic updates

"SWR 2.0 with Preload and Optimistic UI"

This repository contains a small project that implements SWR 2.0 and optimistic updates. This code is the result of following this YouTube Video. Instead of using JavaScript, all files are now written in TypeScript. In this branch I used a more complex cache option, instead of populateCache: true

Getting Started

Start local server

npx json-server -w data/db.json -p 3500

Start vite

npm run dev

---

Original Author Links

👋 Hello, I'm Dave Gray.

📚 My Courses

✅ Check out my YouTube Channel with hundreds of tutorials.

🚩 Subscribe to my channel

☕ Buy Me A Coffee

🚀 Follow Me:

• Twitter
• LinkedIn
• Blog
• Reddit

---

Description

📺 YouTube Video for this repository.

---

💻 Source Code

• 🔗 Source Code for this tutorial

---

🎓 Academic Honesty

DO NOT COPY FOR AN ASSIGNMENT - Avoid plagiarism and adhere to the spirit of this Academic Honesty Policy.

---

📚 Tutorial References

• 🔗 SWR
• 🔗 NPM: JSON Server
• 🔗 NPM: React Hot Toast

⚙ VS Code Extensions I Use:

• 🔗 ES7 React JS Snippets Extension
• 🔗 vscode-icons VS Code Extension
• 🔗 Github Themes VS Code Extension