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 Amazon AWS CompTIA Security+ 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 Mindfulness Personal Transformation 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 Online Business Freelancing 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 Redux Framework

The Complete React Native + Hooks Course [2020 Edition]

Understand React Native v0.62.2 with Hooks, Context, and React Navigation.
Bestseller
Rating: 4.6 out of 54.6 (37,249 ratings)
146,117 students
Created by Stephen Grider
Last updated 4/2021
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Create real-world native apps using React Native
  • Make truly reusable components that look great
  • Understand the terminology and concepts of Redux
  • Prototype and deploy your own applications to the Apple and Google Play Stores
  • Get up to speed with React design principles and methodologies
  • Discover mobile design patterns used by experienced engineers
Curated for the Udemy for Business collection

Course content

18 sections • 432 lectures • 38h 27m total length

  • Preview00:52
  • Course Resources
    00:23
  • Join Our Community!
    00:07
  • Preview03:19
  • Preview00:16
  • Detailed Installation Instructions for macOS
    01:38
  • Detailed Installation Instructions for Windows
    01:57
  • Preview08:44
  • Preview04:09
  • Using iOS and Android Simulators
    03:54

  • Overview of React Components
    Preview08:50
  • Showing a Custom Component
    04:08
  • Common Questions and Answers
    07:08
  • Rules of JSX
    05:50
  • One Common Error
    01:45
  • JSX Exercise Overview
    01:46
  • JSX Solution
    02:40

  • Building Lists
    02:24
  • The FlatList Element
    02:24
  • Rendering a FlatList
    05:12
  • Why a Key Property?
    04:11
  • Solving the Key Issue
    05:18
  • A Few Props Around FlatList
    04:57
  • Exercise Overview
    00:53
  • Exercise Solution
    02:14

  • Button Types
    03:44
  • Buttons in Action
    05:20
  • Touchable Opacity in Action
    04:18
  • Navigating with React Navigation
    06:46
  • Destructuring Props
    04:03

  • Component Reuse with Props
    03:35
  • Exercise Solution
    01:49
  • Parent-Child Relationships
    05:07
  • Communicating from Parent to Child
    05:44
  • Images Download
    00:04
  • Showing Images
    04:07
  • Passing Images as Props
    04:14
  • Exercise Outline
    00:47
  • Exercise Solution
    02:26

  • State in Components
    05:35
  • Screen Boilerplate
    03:14
  • State in Action
    09:45
  • Notes on State
    06:59
  • App Overview
    05:06
  • Generating Random Colors
    04:27
  • Adding Random Colors
    04:48
  • Showing Colors with a FlatList
    03:33
  • App Overview
    04:43
  • Reusable Color Adjusters
    06:14
  • Coordinating State
    05:31
  • Passing Callbacks to Children
    06:21
  • Tying State Values Together
    07:16
  • Validating State Changes
    07:56
  • Reusable State Updates
    07:34
  • Introduction to Reducers
    08:39
  • Creating a Reducer
    15:00
  • Applying State with a Reducer
    08:55
  • Restoring Validation
    07:00
  • Community Convention in Reducers
    06:49
  • Exercise Outline
    01:16
  • Exercise Solution
    10:56
  • Handling Text Input
    03:22
  • Showing a Text Input
    03:28
  • Two Important Props
    04:16
  • Weird Things with Text and State
    06:11
  • Updating State
    04:52
  • Exercise Outline
    02:28
  • Exercise Solution
    02:34

  • Layout with React Native
    03:49
  • Basics of Box Object Model
    05:55
  • AlignItems with Flex
    04:34
  • Flex Direction
    03:47
  • Justify Content
    02:56
  • Flex Values
    05:08
  • Align Self on Children
    02:24
  • The Position Property
    02:33
  • Top, Bottom, Left, Right
    03:01
  • Absolute Fill Objects
    02:46
  • Applying Layout Systems
    01:52
  • Exercise Overview
    01:13
  • Exercise Solution
    06:18

  • App Overview
    01:36
  • Important Note About Project Generation
    00:08
  • Project Generation
    02:40
  • Yelp API Workarounds
    00:30
  • Yelp Signup
    04:40
  • Yelp Walkthrough
    04:16
  • React Navigation
    03:06
  • React Navigation Fix
    01:11
  • Assembling a Navigator
    06:58
  • Architecture Approach
    02:47
  • Starting the SearchBar
    04:11
  • Displaying Icons
    05:48
  • Search Bar Styling
    04:08
  • A Touch More Styling
    03:52
  • Managing State
    06:42
  • Detecting Editing Completion
    04:04

  • Configuring Axios
    06:58
  • Making the Request
    10:37
  • Error Handling
    07:30
  • Running an Initial Search
    06:18

  • Incorrect Hook Name in Slide
    00:09
  • The UseEffect Hook
    04:14
  • Extracting Hook Logic
    07:34
  • Showing Search Results
    05:57
  • Grouping Results
    07:10
  • FlatList Rendering
    03:58

Requirements

  • All you need is basic understanding of Javascript

Description

If you're tired of spinning your wheels learning Swift or Android, this is the course for you.

Authentication? You will learn it.  Hooks? Included.  Navigation? Of course!

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

Both OSX and Windows supported - develop iOS or Android!

This course includes content on both v0.62.2 and the legacy v0.30.x, which is widely used in industry.

We'll start by mastering the fundamentals of React, including JSX, “props", “state", and event handling. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing.  Special attention has been paid to creating reusable components that you'll be able to make use of on your own fantastic projects.

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app.  You'll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile!  This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.

If you are new to React, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the React course for you! To learn React you have to understand it.

  • Learn how to use React's custom markup language, JSX, to clean up your Javascript code

  • Master the process of breaking down a complex component into many smaller, interchangeable components

  • Grasp the difference between “props" and “state" and when to use each

  • Render interactive, media-rich components in beautifully styled apps

  • Develop apps that are unique, fun, and responsive

  • Build on both Android and iOS platforms

  • Master integration with Firebase for user authentication

  • Learn the core principles of navigation with React Native


I've built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Who this course is for:

  • This course is for anyone looking to make native apps with React Native

Featured review

Ahmed Salem
Ahmed Salem
9 courses
3 reviews
Rating: 5.0 out of 57 months ago
This course is absolutely wonderful! I love the logical flow, and the short-video format. To be honest, I had my doubts about some nitty-gritty details, but Stephen even goes through explaining what's happening behind the scenes to give a clear picture of what's going on. It's the perfect balance between the knowledge you need, without excessive, unnecessary details that throw you off. Easy 5/5 for everything! Thanks a lot, Stephen, for a great course!

Instructor

Stephen Grider
Engineering Architect
Stephen Grider
  • 4.7 Instructor Rating
  • 293,901 Reviews
  • 776,388 Students
  • 29 Courses

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area.  With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers.  Invest in yourself by learning from Stephen's published courses.

  • 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.