Django & React App Tutorial #13: Migrating our React JS Frontend from Create React App to Vite

Опубликовано: 13 Март 2026
на канале: CBI Analytics
3,243
44

In this tutorial series we are creating a full-stack web application using Python Django as the Backend and React JS as the Frontend. After the first 12 videos which covered the basic setup, navigation menu's, and CRUD functional, it is now time for something different.

In video 2 I used Create React App, but it is better to use Vite to setup your React JS frontend. Therefore, I will be using this video to migrate from CRA to Vite!

Apologies for the audio in some parts. Something went wrong during recording...

Vite documentation: https://vitejs.dev/
Project code: https://github.com/NickMol/Django-Rea...
The npm install statement for this series: npm install @mui/material @emotion/react @emotion/styled @mui/icons-material react-hook-form @hookform/resolvers yup @mui/x-date-pickers axios dayjs material-react-table react-router-dom


Part 1:    • Django & React App Tutorial #3: Frontend P...  
Part 2:    • Django React App Tutorial #2: Setting up t...  
Part 3:    • Django & React App Tutorial #3: Frontend P...  
Part 4:    • Django & React App Tutorial #4: Creating a...  
Part 5:    • Django & React App Tutorial #5: Django Bac...  
Part 6:    • Django & React App Tutorial #6: React JS F...  
Part 7:    • Django & React App Tutorial #7: Send Data ...  
Part 8:    • Django & React App Tutorial #8: Displaying...  
Part 9:    • Django & React App Tutorial #9: Editing ou...  
Part 10:    • Django & React App Tutorial #10: Deleting ...  
Part 11:    • Django & React App Tutorial #11: Material ...  
Part 12:    • Django & React App Tutorial #12: Use Forei...