View Code? Open in Web Editor
NEW
A Notes taking App using React.ts
Home Page: https://note-ts.vercel.app
HTML 2.60%
TypeScript 96.36%
CSS 1.04%
note-ts's Introduction
Notes APP using Vite + React + TS
- React.ts using
Vite
- react-router-dom
- bootstrap, react-bootstrap for styling
React Router nested routes with common layout
- The nested route structure can be seen here.
- In our case, single Note Page(both show & edit page) have a common layout.
- In the common layout, we refer to actual route using
Outlet
component.
- To pass any data in it we use a prop called context.
- To access the context passed in parent(common) layout, we use a hook called
useOutletContext
.
note-ts's People
Contributors
Watchers