The Complete React Native + Hooks Course from Udemy

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.

What's inside

Learning objectives

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

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

Syllabus

Getting Started

How to Get Help

Course Resources

Join Our Community!

Course Overview

Installing Node.js and Prerequisite Info

Boilerplate Download and Startup

App Setup

Making Changes

Expo for Web Browser - Do Not Skip

Using iOS and Android Simulators

Working with Content

Overview of React Components

Showing a Custom Component

Common Questions and Answers

Rules of JSX

One Common Error

JSX Exercise Overview

JSX Solution

List Building - With Style!

Building Lists

The FlatList Element

Rendering a FlatList

Why a Key Property?

Solving the Key Issue

A Few Props Around FlatList

Exercise Overview

Exercise Solution

Navigating Users Between Screens

Button Types

Buttons in Action

Touchable Opacity in Action

Navigating with React Navigation

Destructuring Props

Building Reusable Components

Component Reuse with Props

Parent-Child Relationships

Communicating from Parent to Child

Images Download

Showing Images

Passing Images as Props

Exercise Outline

State Management in React Components

State in Components

Screen Boilerplate

State in Action

Notes on State

App Overview

Generating Random Colors

Adding Random Colors

Showing Colors with a FlatList

Reusable Color Adjusters

Coordinating State

Passing Callbacks to Children

Tying State Values Together

Validating State Changes

Reusable State Updates

Introduction to Reducers

Creating a Reducer

Applying State with a Reducer

Restoring Validation

Community Convention in Reducers

Handling Text Input

Showing a Text Input

Two Important Props

Weird Things with Text and State

Updating State

How to Handle Screen Layout

Layout with React Native

Basics of Box Object Model

AlignItems with Flex

Flex Direction

Justify Content

Flex Values

Align Self on Children

The Position Property

Top, Bottom, Left, Right

Absolute Fill Objects

Applying Layout Systems

Putting It All Together - Restaurant Search App

Important Note About Project Generation

Project Generation

Yelp API Info and Workarounds

Yelp Signup

Yelp Walkthrough

React Navigation

Required React Navigation Installation Update

Assembling a Navigator

Architecture Approach

Starting the SearchBar

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops in-demand skills for mobile app development with React Native, a widely used technology in the industry

Provides a solid foundation in React Native concepts for beginners and strengthens existing knowledge for intermediate learners

Covers a comprehensive range of topics, from basic React principles to advanced concepts like Redux and Firebase integration

Taught by industry experts with experience in React Native development

Offers hands-on exercises and real-world project building to reinforce learning

Course outline includes a dedicated section on best practices and industry standards

Reviews summary

Learning react native and hooks

Learners say they are satisfied with this engaging course that teaches you React Native and Hooks. Students praise the instructor, Stephen, for his teaching style and say he is a master in React Native.

Engaging and fun learning experience

""Stephen is a great teacher and master in RN.""

""Thanks to him now I'm able to put this knowledge in practice.""

""produce great apps and hooks.""

Instructor is a React master

""Stephen is a great teacher and master in RN.""

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in The Complete React Native + Hooks Course with these activities:

Read 'React Native In Action'

Show steps

Provides a comprehensive overview of React Native concepts and best practices.

Show steps

Read the first four chapters thoroughly.
Complete the end-of-chapter exercises and quizzes.

Show all one activities

Career center

Learners who complete The Complete React Native + Hooks Course will develop knowledge and skills that may be useful to these careers:

Mobile Developer

As a Mobile Developer, program core mobile applications experience through the entire lifecycle, concept to completion. This course can help you develop the skills to do just that. It covers topics that would aid you as a Mobile Developer, such as React Native, Javascript, user authentication, component design, styling, navigation, and Redux, so that you can create mobile apps with a better overall user experience.

See salaries and explore the career path for Mobile Developer

Front-End Developer

Front-End Developers are responsible for the design and implementation of the user experience on websites and apps. This course's coverage of Javascript, JSX, CSS, and HTML would be a good addition to your foundational knowledge as a Front-End Developer.

See salaries and explore the career path for Front-End Developer

Software Developer

Software Developers are creators of all kinds of software programs and applications. This course's coverage of JSX, Javascript, CSS, and HTML would provide foundational knowledge for a Software Developer.

See salaries and explore the career path for Software Developer

Full-Stack Developer

Full Stack Developers design, develop, deploy, maintain, and troubleshoot software systems for both clients and servers. This course can help you build the Javascript-driven foundation that many software systems rely on.

See salaries and explore the career path for Full-Stack Developer

Web Developer

Web Developers create, enhance, and maintain an organization's website presence. This course could help you gain some of the key introductory skills required for many Web Developer positions, such as HTML and CSS.

See salaries and explore the career path for Web Developer

Computer Programmer

Computer Programmers write code and software that is used to run computers and networks. By covering concepts such as Javascript, CSS, HTML, and JSX, this course provides foundational skills for those looking to enter this profession.

See salaries and explore the career path for Computer Programmer

User Experience Designer

User Experience Designers enhance the experience users have when using websites or other software applications. This course could be useful in learning foundational technologies for this field, such as Javascript, CSS, and HTML.

See salaries and explore the career path for User Experience Designer

Web Designer

Web Designers plan, create, and maintain websites. By covering foundational technologies such as Javascript, CSS, and HTML, this course can be an asset to someone looking to get into this profession.

See salaries and explore the career path for Web Designer

Product Manager

Product Managers are responsible for the development of products. This course may be useful for those interested in this role by teaching the basics of developing Javascript and CSS driven applications.

See salaries and explore the career path for Product Manager

Digital Marketing Manager

Digital Marketing Managers plan, execute, and analyze digital marketing campaigns that promote a company's products or services. This course may help you develop a foundational understanding of the HTML, CSS, and Javascript used to create websites.

See salaries and explore the career path for Digital Marketing Manager

Information Technology Specialist

Information Technology Specialists plan, implement, maintain, and manage computer systems for an organization. This course may be useful for providing foundational knowledge such as Javascript, CSS, and HTML.

See salaries and explore the career path for Information Technology Specialist

Computer Scientist

Computer Scientists study computers and computational systems. They are responsible for research, design, development, and implementation of computer systems and applications. This course provides foundational knowledge in subjects such as Javascript, CSS, and HTML, which can be helpful to Computer Scientists.

See salaries and explore the career path for Computer Scientist

Graphic designer

Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course can provide a basic understanding of website design languages such as CSS and HTML.

See salaries and explore the career path for Graphic designer

Interaction Designer

Interaction Designers design the interactions between humans and digital products and services. While it may not be directly applicable, this course can still provide you with the basic HTML, CSS, and Javascript knowledge that many designers use.

See salaries and explore the career path for Interaction Designer

Software Engineer

Software Engineers research, design, develop, and test operating systems-level software, computer applications, and other computer hardware and software products. This course would provide fundamental knowledge such as Javascript, CSS, and HTML.

See salaries and explore the career path for Software Engineer