![]() None of this code is relevant to React Router, so just go ahead and copy/paste it all. A typical web app would probably be talking to an API on your web server, but we're going to use browser storage and fake some network latency to keep this focused. This tutorial will be creating, reading, searching, updating, and deleting data. □ Copy/Paste the tutorial CSS found here into src/index.css ![]() Feel free to judge it harshly or write your own □ (We did things we normally wouldn't in CSS so that the markup in this tutorial could stay as minimal as possible.) We've got some pre-written CSS for this tutorial so we can stay focused on React Router. You should be able to visit the URL printed in the terminal: VITE v3.0.7 ready in 175 ms Npm install react-router-dom localforage match-sorter sort-by □️ Open up your terminal and bootstrap a new React app with Vite: npm create name-of-your-project -template react You'll need Node.js installed for the npm command line tool. We'll be using Vite for our bundler and dev server for this tutorial. ![]() If you're not going to follow along in your own app, you can skip this section The rest is just there for your information and deeper understanding. □ Every time you see this it means you need to do something in the app! We expect it to take between 30-60m if you're following along. Welcome to the tutorial! We'll be building a small, but feature-rich app that lets you keep track of your contacts. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |