Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Mobile Development React Native

React Native - The Practical Guide [2021 Edition]

Use React Native and your React knowledge to build native iOS and Android Apps - incl. Push Notifications, Hooks, Redux
Bestseller
Rating: 4.7 out of 54.7 (20,289 ratings)
110,589 students
Created by Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller
Last updated 3/2021
English
English, French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Build native mobile apps with JavaScript and React
  • Dive deeper into React Native
  • Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android
Curated for the Udemy for Business collection

Course content

20 sections • 345 lectures • 32h 45m total length

  • Preview03:30
  • What is React Native?
    Preview04:22
  • Join our Online Learning Community
    00:21
  • How React Native Works
    Preview06:15
  • Expo vs React Native CLI
    Preview06:06
  • Node.js Download
    00:15
  • Creating Our First React Native App
    Preview07:47
  • Preview09:42
  • React Native Apps Are Hard Work!
    Preview02:53
  • Preview04:51
  • Preview01:26
  • Course Requirement Refreshers
    00:18
  • Running the App on an Android Emulator
    Preview08:36
  • Running the App on an iOS Simulator
    Preview03:15
  • Preview07:41
  • Preview03:53
  • Useful Resources & Links
    00:02

  • Module Introduction
    00:33
  • How to work with React Native Components
    02:45
  • Setting Up A New Project
    03:04
  • Planning the App
    01:42
  • Working with Core Components
    04:56
  • Getting Started with Styles
    07:52
  • Flexbox & Layouts (Intro)
    03:54
  • React Native Flexbox Deep Dive
    12:19
  • Inline Styles & StyleSheet Objects
    05:12
  • Components, Styles, Layouts
    8 questions
  • Working with State & Events
    09:44
  • Outputting a List of Items
    03:51
  • Styling List Items
    03:21
  • Making it Scrollable with ScrollView!
    03:48
  • A Better List: FlatList
    07:20
  • More Components & Lists
    3 questions
  • Splitting the App Into Components
    04:34
  • Passing Data Between Components
    06:48
  • Working with Touchable Components
    08:39
  • Deleting Items
    04:57
  • Adding a Modal Overlay
    06:06
  • More Flexbox Styling
    03:49
  • Closing the Modal & Clearing Input
    06:45
  • Finishing the Modal Styling
    05:08
  • Wrap Up
    02:29
  • Useful Resources & Links
    00:08

  • Module Introduction
    00:32
  • What To Debug & How To Debug?
    06:18
  • Running the App on a Real Device & Debugging
    00:33
  • Handling Error Messages
    05:26
  • Understanding Code Flow with console.log()
    04:06
  • Using the Remote Debugger & Breakpoints
    04:03
  • Working with the Device DevTools Overlay
    02:17
  • Debugging the UI & Using React Native Debugger
    07:25
  • Wrap Up
    01:02
  • Useful Resources & Links
    00:08

  • Module Introduction
    02:33
  • Setup & App Planning
    03:25
  • Adding a Custom Header Component
    07:54
  • Adding a Screen Component
    05:32
  • Working on the Layout
    07:03
  • Styling a View as a "Card" Container (with Drop Shadows & Rounded Corners)
    07:03
  • React Native Styling vs CSS Styling
    00:46
  • Extracting a Card Component (Presentational Component)
    05:57
  • Components & Styling
    4 questions
  • Color Theming with Constants
    06:03
  • Configuring & Styling a TextInput
    10:19
  • Cleaning User Input & Controlling the Soft Keyboard
    05:23
  • Resetting & Confirming User Input
    08:28
  • Configuring Components
    2 questions
  • Showing an Alert
    02:50
  • Time to Finish the "Confirmation Box"
    07:44
  • Adding Random Number Generation
    06:34
  • Switching Between Multiple "Screens"
    10:41
  • Adding Game Features: Hints & Validation
    11:02
  • Checking the "Win" Condition with useEffect()
    10:11
  • Finishing the Game Logic
    05:17
  • Adding AppLoading
    00:12
  • Adding Custom Fonts
    09:50
  • Installing expo-font
    00:43
  • A Synthetic Style "Cascade": Custom Wrapper Components & Global Styles
    10:34
  • Adding Local Images
    04:56
  • Styling Images
    06:07
  • Working with Network (Web) Images
    02:51
  • A Closer Look at the "Text" Component (and what you can do with it)
    09:09
  • <View> vs <Text> - A Summary
    01:30
  • Building a Custom Button Component
    11:41
  • Adding Icons
    04:43
  • Exploring UI Libraries
    02:58
  • Managing Past Guesses as a List
    07:56
  • Styling List Items & Lists
    08:54
  • ScrollView & Flexbox (Yes, that works!)
    07:20
  • Using FlatList Instead of ScrollView
    09:50
  • Wrap Up
    05:14
  • Useful Resources & Links
    00:05

  • Module Introduction
    02:26
  • Finding Improvement Opportunities
    03:51
  • Working with More Flexible Styling Rules
    03:08
  • Introducing the Dimensions API
    03:50
  • Using Dimensions in "if" Checks
    07:51
  • Calculating Sizes Dynamically
    05:22
  • Problems with Different Device Orientations
    03:11
  • Controlling Orientation & Using the KeyboardAvoidingView
    03:49
  • Listening to Orientation Changes
    05:31
  • Rendering Different Layouts
    07:09
  • Fixing the GameOver Screen
    02:09
  • Updating All Code to Update Dynamically
    01:33
  • The Dimensions API & Responsive UIs
    3 questions
  • Expo's ScreenOrientation API
    03:42
  • Introducing the Platform API
    04:25
  • Working with Platform.select() and Platform in "if" Checks
    07:04
  • Using Platform-specific Code Files
    03:32
  • The Platform API
    4 questions
  • Using the SafeAreaView
    05:55
  • Wrap Up
    01:37
  • Useful Resources & Links
    00:08

  • Module Introduction
    01:14
  • Planning the App
    05:46
  • Adding Screens
    06:31
  • Adding AppLoading
    00:18
  • Adding Fonts
    03:54
  • React Navigation Docs
    00:07
  • Installing React Navigation & Adding Navigation to the App
    06:44
  • MUST READ: Installing Different Navigators
    00:28
  • Creating a StackNavigator
    10:38
  • React Navigation & Code Attachments
    00:46
  • Navigating Between Screens
    06:50
  • Alternative Navigation Syntax
    00:16
  • Navigation Basics
    2 questions
  • Navigation to the "Meal Details" Screen
    01:10
  • Pushing, Popping & Replacing
    07:35
  • Outputting a Grid of Categories
    07:55
  • Configuring the Header with Navigation Options
    07:58
  • Passing & Reading Params Upon Navigation
    04:29
  • Setting Dynamic Navigation Options
    05:47
  • Default Navigation Options & Config
    10:09
  • Navigation Params & Configuration
    3 questions
  • Grid Styling & Some Refactoring
    12:15
  • Adding Meal Models & Data
    03:46
  • Loading Meals for Categories
    04:34
  • Rendering a Meals List
    18:04
  • Passing Data to the Meal Detail Screen
    05:20
  • Header Buttons: Using the Correct Version
    00:11
  • Adding Header Buttons
    11:22
  • Fixing the Shadows
    02:51
  • Adding Tabs-based Navigation
    06:10
  • Setting Icons and Configuring Tabs
    08:08
  • navigationOptions inside of a Navigator
    00:39
  • Adding MaterialBottomTabs
    09:24
  • Adding a Favorites Stack
    13:29
  • Adding a Menu Button & Drawer Navigation
    10:05
  • Configuring the Drawer
    06:33
  • More Navigation Config & Styling
    06:28
  • Adding a DefaultText Component
    03:08
  • Adding the MealDetail Screen Content
    11:17
  • Time for the "Filters" Screen Content!
    11:57
  • Passing Data Between Component & Navigation Options (Header)
    13:07
  • [React Refresher] useEffect() & useCallback()
    02:00
  • Wrap Up
    00:46
  • Useful Resources & Links
    00:07

  • Module Introduction
    01:04
  • What is State & What is Redux?
    04:08
  • Redux & Store Setup
    10:58
  • Selecting State Slices
    08:30
  • Redux Data & Navigation Options
    05:04
  • Dispatching Actions & Reducer Logic
    13:55
  • Switching the Favorites Icon
    07:09
  • Rendering a Fallback Text
    02:43
  • Adding Filtering Logic
    06:16
  • Dispatching Filter Actions
    06:08
  • Debugging Redux in React Native Apps
    00:26
  • Wrap Up
    01:33
  • Useful Resources & Links
    00:08

  • Module Introduction
    01:34
  • Planning the App
    10:42
  • Creating the Basic Project Setup
    06:08
  • The Products Overview Screen
    09:49
  • Setting Up a Navigator
    10:41
  • Styling the Product Items
    19:15
  • Adding Touchable Components
    12:26
  • Working on the Product Details Screen
    05:56
  • Using Custom Fonts
    05:10
  • Adding Items to the Cart
    21:08
  • Implementing Header Buttons
    18:29
  • Outputting Cart Items
    11:48
  • Adding Logic to Delete Items
    10:33
  • Adding Redux Logic for Orders
    09:09
  • SideDrawer & The Orders Screen
    13:07
  • Clearing the Cart
    01:43
  • Styling Order Items
    12:43
  • Making the "Show Details" Button Work
    08:55
  • Building the "User Products" Screen
    09:36
  • Reorganizing the ProductItem Component
    05:29
  • Deleting Items
    07:57
  • Adding Basic Editing & Navigation Logic
    06:37
  • Handling User Input
    12:05
  • Using Params to Submit User Input
    02:16
  • Dispatching Actions for Creating & Updating
    15:34
  • Time to Improve the App!
    09:22
  • Wrap Up
    01:12
  • Useful Resources & Links
    00:05

  • Module Introduction
    00:59
  • Configuring TextInputs
    08:21
  • Adding Basic Validation
    05:45
  • Getting Started with useReducer()
    12:12
  • Finishing the Merged Form & Input Management
    12:59
  • Moving Input Logic Into A Separate Component
    11:18
  • Connecting Input Component & Form
    14:47
  • Tweaking Styles & Handling the Soft Keyboard
    05:28
  • Alternatives & Wrap Up
    02:06
  • Useful Resources & Links
    00:07

  • Module Introduction
    01:03
  • Setup & How To Send Requests
    03:27
  • Installing Redux Thunk
    02:03
  • Storing Products on a Server
    09:05
  • Fetching Products from the Server
    07:53
  • Displaying a Loading Spinner & Handling Errors
    13:03
  • Setting Up a Navigation Listener
    05:15
  • Updating & Deleting Products
    04:47
  • Handling Additional Errors
    09:31
  • Storing Orders
    04:34
  • Displaying an ActivityIndicator
    03:12
  • Fetching Stored Orders
    08:15
  • Adding "Pull to Refresh"
    04:12
  • Wrap Up
    01:07
  • Useful Resources & Links
    00:07

Requirements

  • React knowledge is a must (but you absolutely DON'T have to be an expert)
  • JavaScript knowledge is a must, next-gen JavaScript knowledge (i.e. ES6+) is recommended
  • NO Android/ Java or iOS (Swift, ObjectiveC) development experience is required

Description

This course was completely updated and now does not only cover the latest version of React Native but also includes refreshers on JavaScript & React.js!

In addition, a whole section on "Push Notifications" was added.

---

Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one!

Wouldn't it be great if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?

That's exactly what React Native allows you to do!

No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps!

With this course, you can join this league. I'll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.

You'll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to animate React Native apps, how to navigate around, use maps and the camera and so much more!

And which better way to learn than by building a real app? We'll build the "Awesome Places" app in this course, an app where users can share amazing pictures and the location where they took them. This app will allow you to see things like using maps, the camera, user authentication, connecting to a server and much more in action.

By the end of the course, we'll of course also go through all steps required to get it into an app store.

Here's a detailed look at what you'll get:

  • The core concepts and theory

  • How to use React, JavaScript and native components

  • Understand how to navigate in React Native apps

  • A closer look at styling and animating React Native apps

  • Instructions on how to use third-party libraries in your React Native app

  • Detailed examples on how to use maps or an image picker

  • A full user authentication flow

  • How to connect to a backend server from your app

  • Debugging instructions

  • And so much more!

What will you need to succeed in this course?

  • NO Android, Java, Swift or ObjectiveC knowledge is required!

  • JavaScript and React (for the web) knowledge is required though - you don't need to be an expert but the basics need to be set (though there are refresher sections in this course!)

I'd be very happy to welcome you in the course!

Max

Who this course is for:

  • Anyone who wants to use React to build native mobile apps
  • Every mobile developer who wishes to learn only one language to write cross-platform mobile apps
  • Every mobile or web developer who's interested in writing high-performance native apps with JavaScript

Featured review

David Corso
David Corso
61 courses
30 reviews
Rating: 5.0 out of 59 months ago
Absolutely one of the best courses I've taken. Excellent pacing and explanations. Practical apps and setups within the apps. This in combination with Academind's React - The Complete Guide took me from barely able to work within JS files to React & React Native competent. I recommend this course to anyone that is interested in learning React Native.

Instructors

Academind by Maximilian Schwarzmüller
Online Education
Academind by Maximilian Schwarzmüller
  • 4.7 Instructor Rating
  • 332,813 Reviews
  • 1,391,697 Students
  • 26 Courses

Bundling the courses and know how of successful instructors, Academind strives to deliver high quality online education. 

Online Education, Real-Life Success - that's what Academind stands for. Learn topics like web development, data analyses and more in a fun and engaging way.

Currently, you can find courses published by Maximilian Schwarzmüller and Manuel Lorenz, more instructors to come!

Keep learning!

Maximilian Schwarzmüller
Professional Web Developer and Instructor
Maximilian Schwarzmüller
  • 4.7 Instructor Rating
  • 593,764 Reviews
  • 1,411,562 Students
  • 36 Courses

Experience as (Web) Developer

Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.

Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!

As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.

Experience as Instructor

As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 1,000,000 students on Udemy as well as a successful YouTube channel is the best proof for that.

Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.

Together with Manuel Lorenz, I founded Academind to offer the best possible learning experience to our more than 1,000,000 students.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.