|
3 | 3 | <strong> |
4 | 4 | First part of the react-router fundamentals workshop. We go over everything you need to know about data reading and display. |
5 | 5 | </strong> |
6 | | - |
7 | | - This workshop focuses on |
8 | | - data loading and display. It is designed to teach you the core concepts of |
9 | | - react-router v7 in a hands-on, project-based way. |
10 | | - |
11 | | - We will learn how to build an e-commerce app from scratch using react-router |
12 | | - v7. Along the way, we will cover topics such as: |
13 | | - - Setting up a react-router v7 project |
14 | | - - Creating routes and nested routes |
15 | | - - Loading data with loaders |
16 | | - - Displaying data with components |
17 | | - - Handling loading states |
18 | | - - Using fetchers to fetch data |
19 | | - - Sorting, filtering, and paginating data |
20 | | - - Progressive enhancement and accessibility |
21 | | - |
22 | | - By the end of this workshop, you will have a solid understanding of how to |
23 | | - use react-router v7 to build data-driven applications. You will also have a |
24 | | - working e-commerce app that you can use as a starting point for your own |
25 | | - projects. |
26 | | - |
27 | | - This workshop assumes you have a basic understanding of React and |
28 | | - JavaScript. No prior knowledge of react-router is required. |
29 | | - |
| 6 | + <p> |
| 7 | + |
| 8 | +This workshop focuses on |
| 9 | +data loading and display. It is designed to teach you the core concepts of |
| 10 | +react-router v7 in a hands-on, project-based way. |
| 11 | + |
| 12 | +We will learn how to build an e-commerce app from scratch using react-router |
| 13 | +v7. Along the way, we will cover topics such as: |
| 14 | +- Setting up a react-router v7 project |
| 15 | +- Creating routes and nested routes |
| 16 | +- Loading data with loaders |
| 17 | +- Displaying data with components |
| 18 | +- Handling loading states |
| 19 | +- Using fetchers to fetch data |
| 20 | +- Sorting, filtering, and paginating data |
| 21 | +- Progressive enhancement and accessibility |
| 22 | + |
| 23 | +By the end of this workshop, you will have a solid understanding of how to |
| 24 | +use react-router v7 to build data-driven applications. You will also have a |
| 25 | +working e-commerce app that you can use as a starting point for your own |
| 26 | +projects. |
| 27 | + |
| 28 | +This workshop assumes you have a basic understanding of React and |
| 29 | +JavaScript. No prior knowledge of react-router is required. |
| 30 | +</p> |
30 | 31 | </div> |
| 32 | + |
| 33 | + |
31 | 34 |
|
32 | 35 | <hr /> |
33 | 36 |
|
|
0 commit comments