Exploring React Admin with Vite and TypeScript - Episode 155
2In this video, I delve into continuing the development of our new streaming admin and dashboard front-end project. We're leveraging the power of Vite, React Admin, and TypeScript to set up a modern, efficient workspace. This session focuses on organizing components, separating repositories for the frontend and backend, and integrating alternate views like calendars and lists within our stream plans resource.
I've been experimenting with different ways to manage and display our streaming plans. We started by copying project setup from a prior React Admin project and making necessary adjustments, such as using Material UI components due to their native compatibility with React Admin, instead of exploring custom components with Tailwind CSS as previously planned.
A significant part of this stream is dedicated to enhancing our user interface by implementing a calendar view for our stream plans. This involves setting up views using React Router and integrating calendar components to switch seamlessly between calendar view and list view.
Additionally, I reflect on the data management aspect of our project. We aim to simulate a functional data API, though currently we're using local storage for simplicity. Our discussion also touches upon the challenges of dealing with date and time data—especially when considering recurring events and different timezones.
As we continue to refine this project, future considerations include adding user profiles, implementing authentication, and eventually expanding beyond React Admin to develop a more customizable, standalone dashboard UI.
For coding enthusiasts interested in more exciting content, consider joining me on Twitch and GitHub. Your feedback and engagement are immensely valued.
🔗 Check out my Twitch channel for more streams: https://www.twitch.tv/saebyn
GitHub: https://github.com/saebyn
Discord: https://discord.gg/N7xfy7PyHs