Build a Spotify Clone in React Native for Beginners 🔴 Live 🔴
Let's build a Spotify clone mobile application in React Native.
Join the notJust Development gang and let's build together: https://discord.gg/VpURUN2
Source code: https://github.com/Savinvadim1312/SpotifyClone
If you are a beginner that wants to learn javascript and react native, or and advanced javascript developer that wants to get into mobile development using react native then this livestream is for you. This is a perfect opportunity to follow along and build this application together with us, and add it to your portfolio as it will help you land your next job. If you finish the app, tag me on social media and I will give you feedback.
We will start building the Spotify clone from scratch, starting from setting up a React Native project using Expo and finishing with connecting the application with a GraphQL backend using AWS Amplify. We will walk through designing the UI layout of the app, structuring everything in components, and putting everything together. We will also implement navigation between screens, header bars, and tab bars for the Spotify menu.
For the backend, we will be using AWS Amplify, which is an amazing combination of tools and services from AWS, that helps us build mobile and web applications faster. It offers pre-made authentication components and flows, database, API (REST and GraphQL), storage, and much more.
Doing the Spotify clone yourself is a great opportunity to practice React Native, modern Javascript, AWS Amplify. We are always trying to use the latest technologies and best practices, so that's another opportunity to learn something new, being it functional components, hooks, state, navigations or AWS and Amplify.
Tag me on social media when you finish the Spotify Clone, and I will give you feedback on your code.
LinkedIn: https://www.linkedin.com/in/vadimsavin
IG: https://www.instagram.com/vadimsavin0
Twitter: https://twitter.com/SavinVadim_
Timecodes:
0:00 Intro
3:04 Initialize the project
7:16 Project structure
12:29 Bottom Tab Navigator
20:10 Home Screen setup
23:15 About React Components
25:13 Album Component
39:26 Album Category Component
1:02:41 Album Categories list (Array)
1:15:05 Navigation to Album Screen
1:34:48 Album Screen - Song List (FlatList)
1:53:44 Album Screen - Header
2:19:00 Player Widget
2:44:28 Demo
#VadimSavin #notejust.dev #notJustDevelopment
Видео Build a Spotify Clone in React Native for Beginners 🔴 Live 🔴 канала Vadim Savin
Join the notJust Development gang and let's build together: https://discord.gg/VpURUN2
Source code: https://github.com/Savinvadim1312/SpotifyClone
If you are a beginner that wants to learn javascript and react native, or and advanced javascript developer that wants to get into mobile development using react native then this livestream is for you. This is a perfect opportunity to follow along and build this application together with us, and add it to your portfolio as it will help you land your next job. If you finish the app, tag me on social media and I will give you feedback.
We will start building the Spotify clone from scratch, starting from setting up a React Native project using Expo and finishing with connecting the application with a GraphQL backend using AWS Amplify. We will walk through designing the UI layout of the app, structuring everything in components, and putting everything together. We will also implement navigation between screens, header bars, and tab bars for the Spotify menu.
For the backend, we will be using AWS Amplify, which is an amazing combination of tools and services from AWS, that helps us build mobile and web applications faster. It offers pre-made authentication components and flows, database, API (REST and GraphQL), storage, and much more.
Doing the Spotify clone yourself is a great opportunity to practice React Native, modern Javascript, AWS Amplify. We are always trying to use the latest technologies and best practices, so that's another opportunity to learn something new, being it functional components, hooks, state, navigations or AWS and Amplify.
Tag me on social media when you finish the Spotify Clone, and I will give you feedback on your code.
LinkedIn: https://www.linkedin.com/in/vadimsavin
IG: https://www.instagram.com/vadimsavin0
Twitter: https://twitter.com/SavinVadim_
Timecodes:
0:00 Intro
3:04 Initialize the project
7:16 Project structure
12:29 Bottom Tab Navigator
20:10 Home Screen setup
23:15 About React Components
25:13 Album Component
39:26 Album Category Component
1:02:41 Album Categories list (Array)
1:15:05 Navigation to Album Screen
1:34:48 Album Screen - Song List (FlatList)
1:53:44 Album Screen - Header
2:19:00 Player Widget
2:44:28 Demo
#VadimSavin #notejust.dev #notJustDevelopment
Видео Build a Spotify Clone in React Native for Beginners 🔴 Live 🔴 канала Vadim Savin
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build a TikTok Clone in React Native [Tutorial for Beginners] 🔴Build a Realtime Chat App in React Native (tutorial for begginers) 🔴LIVE coding: Instagram Clone in React Native from scratchYoung And Boss: Inside The Life Of A Teen App Developer | On The Red Dot | Full EpisodeBuild a Spotify Clone in React Native for Beginners [Backend 2] 🔴 Live 🔴Realtime Chat App in React Native and AWS (Backend) 🔴🔴 Let's build SIGNAL with REACT NATIVE! (Navigation, Expo & Firebase)🔴Build your first App in React Native in under 2 hours [ Tutorial for beginners ]🔴Build Twitter Fleets (stories) with React Native and AWS AmplifyLCRN EP9 - Digital Wallet App - React Native UI🔴 Let's build an app with REACT NATIVE! (Qazi & Sonny)React Native CLI vs Expo🔴 Build a Spotify Clone with REACT JS for BeginnersHow To Use Spotify's API With ReactEasy Google Coding Interview With Ben AwadSpotify Player - “Can it be done in React Native?”🔴 Build a Whatsapp Clone with MERN Stack (MongoDB, Express, React, Node JS)#2 Slider - React Native FashionLCRN EP8 - Food Delivery App - React Native UI🔴 Let's build Gmail with REACT.JS! (with React-Router, REDUX & Firebase)