React Native Crash Course | Build a Complete App
553,844
Published 2022-05-18
🖥️ Official Website & Courses
academind.com/courses/
👨💻 Complete Courses (React & React Native)
acad.link/reactjs
acad.link/react-native
👋 Social Media
twitter.com/maxedapps
twitter.com/academind_real
www.instagram.com/academind_real/
www.facebook.com/academindchannel/
💬 Academind Community on Discord
discord.gg/gxvEWGU
----------
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-native-practical-guide-…
Starting Project: github.com/academind/react-native-practical-guide-…
goal.png File: github.com/academind/react-native-practical-guide-…
----------
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 ch
All Comments (21)
-
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 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!
-
I've listened for 2 hours and a half, brilliant lecture so far!
-
Brilliant flexbox explanation, fantastic video all around. We are lucky that you shared it. Thank you!
-
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!
-
Wauw, such a clear tutorial. I feel like absolutely anyone could be building apps after listening to this. Good job, 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!
-
Maxim, thank you very much for the great opportunity to learn something great! God bless you, Academind!
-
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.
-
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!
-
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! :yougotthis:
-
Yup - this is the best one I've seen. This guy is a very experienced teacher who knows exactly how much detail to include.
-
Max, this is great stuff! Very well done. Thanks for doing it.
-
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!
-
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.
-
It was a great introduction to the R/N technology, it made me switch from React easily. Thank you Academind team!
-
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! ❤❤❤
-
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
-
Fantastic crash course! I thoroughly enjoyed it, and have purchased the full course on Udemy. Thanks for a well put together course Max
