Learn React, Typescript & Material UI With One Project | Build a Movie App in 90 Minutes
Dipesh Malvia Dipesh Malvia
79.7K subscribers
22,806 views
0

 Published On Nov 21, 2023

A lot of companies prefer to use React with Typescript as it offers static types which makes the code more readable and maintainable as compared to Javascript. So in this video we will build a Movie application using TypeScript, React and Material UI to style our app.
We will use Context Api for sharing data between components and useReducer Hooks to manage the state. The video will be more focused on building the UI of our application using Material UI and how we use Typescript instead of Javascript.

🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:20 - Project Demo
0:01:51 - Project Setup & Code Walkthrough
0:03:40 - Dependency Installation
0:04:50 - Mightymeld Studio Setup
0:10:38 - Prefabs Setup
0:12:43 - Pages Setup
0:14:56 - Routes Setup
0:18:00 - Build the App Layout
0:22:00 - Sidebar Component
0:26:53 - Sidebar Menu JSX
0:35:17 - Home Component
0:44:38 - Movie List Setup
0:46:34 - Movie Data & Interface
0:48:06 - Create Movie Context API & Interface
0:56:44 - Search, Recommended & Trending Filters
1:00:11 - Create MovieTrendList & MovieList Component
1:04:10 - Movie Card Setup
1:06:00 - Create MovieTrendCard Component
1:16:25 - Bookmark Movie Feature
1:18:50 - Create MovieCard Component
1:24:35 - Fix The Search Results
1:25:42 - Movies Page
1:27:55 - TV-Series Page
1:29:28 - Bookmarks Page
1:30:21 - App Feature Testing
1:31:36 - Outro

⭐️ Node.js: The Complete Guide to Build Backend Projects [2023] ⭐️
Link - https://www.dipeshmalvia.com/courses/...

⭐️ GitHub link for Reference ⭐️
https://github.com/dmalvia/React_Type...
https://github.com/mightymeld/mightym...

⭐️ Mightymeld Docs - https://docs.mightymeld.com/

⭐️ Support my channel - https://www.buymeacoffee.com/dipeshma...

⭐️ Crash Courses ⭐️
🔗 Nodejs Crash Course -    • Learn Node.js & Express with Project ...  
🔗 React Crash Course -    • Learn React JS with Project in 2 Hour...  
🔗 JavaScript Crash Course -    • JavaScript Tutorial for Beginners | J...  
🔗 HTML5 Crash Course in 1 Hour -    • HTML5 Crash Course for Absolute Begin...  
🔗 CSS Crash Course in 1 Hour -    • CSS Crash Course For Absolute Beginne...  

⭐️ Social Media ⭐️
Twitter:   / imdmalvia  
Facebook:   / programmingwithdipesh  
Instagram:   / dipeshmalvia  
LinkedIn:   / dmalvia  

⭐️ Tags ⭐️
- Master React, Typescript, and Material UI With Project
- Create a Movie App in 90 Minutes with React TypeScript
- React, Typescript, and Material UI Tutorial
- React Typescript Project for Beginners
- React Typescript Material UI Project for Beginners

⭐️ Hashtags ⭐️
#react #typescript #materialui #project

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

show more

Share/Embed