Mobile Development Comprehensive Courses - React Native Crash Course | Build a Complete App

Master Mobile Development: Build, Deploy, and Innovate with React Native, Swift, Flutter, and More! Unlock your potential with comprehensive tutorials and hands-on projects that bring your app ideas to life across platforms. Join thousands of learners today!

5.0 (4)

30 learners

What you'll learn

Develop Android and iOS apps using React Native and Firebase
Create cross-platform apps with Flutter and Node.js
Implement complex UI designs in React Native using TailwindCSS
Learn to build a full stack MERN social media app with authentication and pagination

This course includes

209.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

react react.js reactjs reactjs native react.js native react native react native course react native tutorial react native app maximilian schwarzmueller maximilian schwarzmuller maximilian schwarzmüller

Full Transcript

Learn React Native from the ground up, no prior React Native experience is required! 🖥️ Official Website & Courses https://academind.com/courses/ 👨‍💻 Complete Courses (React & React Native) https://acad.link/reactjs https://acad.link/react-native 👋 Social Media https://twitter.com/maxedapps https://twitter.com/academind_real https://www.instagram.com/academind_real/ https://www.facebook.com/academindchannel/ 💬 Academind Community on Discord https://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: https://github.com/academind/react-native-practical-guide-code Starting Project: https://github.com/academind/react-native-practical-guide-code/blob/02-basics/extra-files/starting-project.zip goal.png File: https://github.com/academind/react-native-practical-guide-code/blob/02-basics/extra-files/goal.png ---------- 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!