Vishesh 'ironeagle' Bangotra
a7987ab922
All checks were successful
continuous-integration/drone/tag Build is passing
Summary Introduced ArticlesModel abstraction with list + map store for fast lookup and clean CRUD operations. Replaced all array-based article access with model methods (readById, create, update, refresh). Added utils/articles.ts with pure functions for list/map operations. Updated ArticleProvider to use the new model API and avoid mutation issues. Added URL-synced navigation (pushState) + VIEW_URL mapping for deep-linkable routes. Implemented route parsing on load (/articles/:id) to auto-open article view. Standardized openArticle to pass full ArticleModel instead of index. Updated all ArticleCard components to use article object instead of index. Added navigationMap to view router for custom child navigation names. Extracted shared styles to types/styles.ts and replaced old inline styled components. Updated props definitions for Login, Register, Profile, ArticleView, MainContent, ArticleGrid. Removed React.StrictMode wrapper to avoid double-effects during development. Release: 0.2.5 Type: Feature + Refactor + Routing upgrade
Material UI - React Router example in TypeScript
How to use
Download the example or clone the repo:
curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-react-router-ts
cd material-ui-react-router-ts
Install it and run:
npm install
npm run dev
or:
The idea behind the example
This example demonstrates how you can use Material UI with React Router in TypeScript.
It includes @mui/material and its peer dependencies, including Emotion, the default style engine in Material UI.
What's next?
You now have a working example project. You can head back to the documentation and continue by browsing the templates section.