Learn React, Typescript & Material UI With One Project | Build a Movie App in 90 Minutes
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.
Watch video Learn React, Typescript & Material UI With One Project | Build a Movie App in 90 Minutes online, duration hours minute second in high quality that is uploaded to the channel Dipesh Malvia 21 November 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 48,023 times and liked it 967 visitors.
