React Native Crash Course | Build a Complete App
Вставка
- Опубліковано 30 тра 2024
- Learn React Native from the ground up, no prior React Native experience is required!
🖥️ Official Website & Courses
academind.com/courses/
👨💻 Complete Courses (React & React Native)
acad.link/reactjs
acad.link/react-native
👋 Social Media
/ maxedapps
/ academind_real
/ academind_real
/ academindchannel
💬 Academind Community on Discord
/ discord
----------
Chapters:
00:00 Welcome!
00:32 What is React Native?
03:58 A look under the hood of React Native
09:04 Using Expo vs the React Native CLI
15:00 Creating a new React Native project
20:50 Analyzing the created project
26:05 Running the first app on a real device
30:26 Setting up a local development environment
39:52 Getting started with React Native basics
41:37 Exploring core components & styling
49:30 Working with core components
56:30 Styling React Native apps
01:06:43 Exploring layouts & flexbox
01:10:03 Combining React Native & flexbox
01:12:34 Using flexbox in React Native apps
01:17:42 Flexbox - a deep dive
01:30:02 Improving the app's layout
01:37:14 Handling (user) events
01:44:43 Managing list data
01:51:54 Platform-specific styling
02:00:45 Using the ScrollView component for scrolling
02:07:00 Optimized list handling with FlatList
02:20:42 Splitting up components
02:25:53 Working with props & components
02:28:27 Handling user input
02:38:06 Building custom buttons
02:41:40 Deleting items
02:46:59 Styling custom buttons (Ripple effect on Android)
02:51:51 Adding a modal screen
02:58:49 Styling the modal
03:04:30 Controlling the modal visibility
03:07:01 Controlling colors & displaying images
03:13:05 Final touches & finishing the first app
03:20:00 Wrap up & summary
03:23:30 Some personal notes
----------
Attachments & code snapshots: github.com/academind/react-na...
Starting Project: github.com/academind/react-na...
goal.png File: github.com/academind/react-na...
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
I've watched a million tutorials on various subjects. This is hands down the best one I have ever watched. Concise, gives the info, demonstrates, and moves on. Made 3 hours feel like 30 minutes. Thank you so much!
Perfect! You answered my question in the first 5 minutes! 😂 I'm watching the entire thing, but I appreciate how well this is done.
Absolutely fantastic video! I've watched countless instructional videos and tutorials and nothing comes close to this. You explain everything nicely and don't assume the viewer knows something, so great. You speak clearly and don't rush, and do just such a thorough job on everything you cover. Thanks to you, I just made my first mobile app and had a great time while doing so!
I've listened for 2 hours and a half, brilliant lecture so far!
This was a great crash course. I have purchased several of your Udemy courses which are amazing but I never really have the time to finish them all because I simply don't have enough time. This was a great length and right to the point. I feel like I can confidently discuss the differences between React vs. React Native as well as get started on my own React Native project. Thanks again for taking the time to share this!
Brilliant flexbox explanation, fantastic video all around. We are lucky that you shared it. Thank you!
This is so easy to follow and understand! 3 hours seemed daunting and I didn't want to bother but you certainly made it worth it. Thanks for making this available!
Because of your comment, I am going to give this a go!
me too! thanks bro, this comment is motivating!
1.5 speed with pausing to type helps
I think there is too much small talk in the video so far.. 35minute into the video and have not learned anything yet. I am gonna get mad if Expo does not compile native apps :D
Wauw, such a clear tutorial. I feel like absolutely anyone could be building apps after listening to this. Good job, thank you!
Get introduction, easy to follow and well explained. The minute I finished this I enrolled to your full course and am looking forward to learning more. Thank you.
Thanks a lot for this lecture. I spent days looking for a React Native tutorial but did not quite understand those videos. You are teaching all the components in details. Keep it up!
Yup - this is the best one I've seen. This guy is a very experienced teacher who knows exactly how much detail to include.
I've tried another 4 videos, when finally got here and trully found what I was looking for: a good direct simple course to teach the fundamentals, thanks!! now I can say that React Native is not a mistery to me anymore!
Maxim, thank you very much for the great opportunity to learn something great!
God bless you, Academind!
Youre the best Max.
The tutorial is just superb, softly explained, from beginning to the end
I didn’t come here for a CSS lesson but got one anyways and I’m might grateful for it. And that is why I never skip sections when watching videos from a great instructor: I always leave with way more knowledge than I intended. Thank you for this amazing lesson!
that's react-native if you are interested in backend part its mostly react.js itself so chill
@@buffer7233 By backend you are referring to client-side state management, right? :D
I'm watching React Native tutorial for the first time and I can't believe how easy it is to build native apps using my existing CSS, JS and React knowledge! Thank you for showing me how I can unlock the real power of what I already know! You've simplified it so well. I'm always scared of learning something entirely new from scratch, eg, dart, flutter, kotlin, etc. You are simply the best teacher out there! ❤❤❤
9Ճիշտ է..պ.ա.ս.ե..ե..ե.ե.ե.ե.ե.հե. .դեպի նահ.հետո.պարանոց.արև. Հ... ճիշտ է, ծծիր: Ս... Սահ. Ս. Հ. Ս. Մե.
Finishing this made me purchase the course on Udemy. Excellent job on this. It's really easy to digest and doesn't overwhelm with information while also delving just enough into the context behind things.
This is the best tutorial! I was struggling so much to get started on react-native! Thank you 🤟
Max, this is great stuff! Very well done. Thanks for doing it.
It was a great introduction to the R/N technology, it made me switch from React easily. Thank you Academind team!
Very effective course. I am using React for many years and this course is working fine to start React native.
Taking a break now, after 57 mins of the tutorial. Even though I am way past this experience, it was very very enjoyable to sit through the first bit( installation etc.)
I resisted the urge to skip ahead because this tutorial seems to have concise nuggets of information everywhere as well as some best practices.
I've got an installation on WSL ubuntu using the reach cli with yarn - so it's slightly different. I learnt the hard way through trial and error so this is a great chance for me to 'learn the fundamentals' because my knowledge has a lot of gaps in it.
Dedicating today to learn this fully so that I can actually start building with confidence. 10/10 teacher
Fantastic crash course! I thoroughly enjoyed it, and have purchased the full course on Udemy. Thanks for a well put together course Max
thank you, this tutorial and your explanations are incredible. Ease to understand, ease to follow up and very very on point, focused, I enjoyed following this tutorial so much, thank you mannnn
Wow! you're an incredible teacher. I'm glad I found your channel.
I've learned so much watching your video... very well put together!
Thank you so much Max! I've learned many of your lessons on JS and react on Udemy in the past and they were great!
For everyone wondering at the start of this course after the expo init you need to go into the project folder and type npm i for installing the dependencies. cost me 2h of googling. or go to 41:30
the instructor himself had clearly mentioned in the video
By far the best tutorial ive ever seen!!
Awesome tutorial, as always! Thanks!
Thank you so much for providing such a detailed course, Awesome work
nice man.i forgot since i did not have any handson from past 3 months. son once again i came and learn and i will start doing project.
Excellent content as usual Max!
Wow, the best tutorial i've watched. Thank you sir. Keep up the amazing work.
As a react dev, this is exactly what i needed!!
I don't usually write UA-cam comments and so this is my first, but one thing has to be said - damn, you are a legend, Max.
Thank you for sharing your knowledge, God bless you.
Thank you for the course. It takes time, but worth to learn something new.
Excellent crash course, thank you.
One of the best channel for web developers...
Thanks for the videos
this is for mobile xD
You are doing great job! Awesome guys.
Thank you academind. I learned so much from you
Love ur channel one of best for js developers
brilliant lesson thus far. Thank you very much for this.
Thank you so much for this masterpiece. This is a super helpful tutorial for starting with React Native as a beginner.
were u succesfully,in building the whole app??
Great video and intro to RN with an appropriate depth of understanding.
Great teacher and this is the best tutorial i have ever watched.
Awesome!!! TQVM!! Happy days are here!
Thanks a bunch. Always great the way you explain things.
Great course, thanks.
thx for explaining things in detail, helps a lot!
You sir, are a god amongst men when it comes to teaching tech to a new generation.
I really liked this course because this guy comparing android app development with the web development. As the person who have web development knowledge it's make me so easy to learn React Native.
Thank you! Thank you so much for describing flex in this way!
user friendly for beginner 😊thank you so much for making such a beautiful tutorial for beginner
It was a good review!!! Thanks from Brazil!!!
this is great, a year later and everything is still pretty much relevant, cant tell if thats because the tutorial is good or react native is, or both!
You are a good teacher . Thanks for this course.
Excellent course. Thank you!
Hi max! Again best content video, thanks for that. I have a quick question.
Do you have any plan to make a paid course or free course regarding AI / Machine learning?
Best React Native Crash Course on youtube thanks
Really enjoyed that! Thank you!
The best react native crash course for sure
Great video. Good details to the point.
needed to brush up before a coding interview, thanks for the vid
Excellent tutorial thank you !
Amazing tutorial - thank you very much! Thank you for the great content !!
An excellent guide for beginners.
Wow I have to say, this is comprehensive!
OMG.. The You Are The Best. You UnderStand The Pain of us Beginners Perfectly.
This is amazing 🔥🔥
Great crash course, thank you
what an amazing Course, thanks alot!
thank you so much for this course!
It appears the global expo-cli is deprecated. Instead expo is installed in each dev environment during project startup. I think this is a great approach that's common among other dev environment approaches.
Thank you for the course:)))))) i hope you have a great day always
Excelent course, thanks!!!
Thank you for sharing your Awesome tutorial for free here 👍
Voice is very clear it help alot
Very informative and helpful video!
this is phenomenal!!thank tou
The content I'm subscribed for 🥳🥳🥳🥳🥳🥳
great tutorial, thanks!
thank you so much brother
This is is the best React Native course
Great timing, I was about to start a project based on react-native. Now, this crash course is definitely gonna help me. Thank You!
Same for me
@@DMC3586 me too
me three
#MeToo
I’m here to join the club. This crash course saved my butt from having to use flutter.
Wow . Am really impressed 🔥
your video is excellent. Your video is very much useful to me, Many thanks for that. My warm regards to you.
My favourite teacher 💛
Wow, thanks dude!
You have done well. Thank you a lot.
this is so great, thank u so much
Very good video! Only question is: What auto complete/rn extensions are you using?
Danke sehr Maximilian. 🥰
thanks max for everything
This course is best react native course.🤩
awesome thanks max!
Thank you so much, Max.
Hi , can you tell the colour picker extension you have used in the course.
Amazing course ... Tnx bro
Perfect !!!!! thank you so much