React Native by Example

Practice makes perfect. We've all heard that statement before. Why? Because it's true. The only way to get better at something is by doing.

In React Native by Example we build 10 progressively more complex apps with React Native so you have the experience to tackle whatever the world throws at you.

Join the Course

Join over 17,000 other developers in learning React Native.

What's Inside

React Native allows you to build native apps using JavaScript and the React framework. That means that by using the same mental models and similar tools we can build for the web, iOS, and Android while ensuring each platform has a unique and high quality experience. That's a big win!

This course will progressively teach you how to build apps with React Native through 10 high quality examples.

Bonus: Each example has a series of additional challenges allowing you to make each app your own and add high quality examples to your portfolio.

Lesson

App 1: Timer

App 1: Timer

In this series you'll learn:

  • How to start a new project

  • Building a UI from core components & styling them

  • Differentiating between different platforms

  • Capturing user input

Watch the Intro Video

App 2: Calculator

App 2: Calculator

In this series you'll learn:

  • More complex layout with flexbox

  • Project organization

  • Building and using custom components

  • Handling complex state

Watch the Intro Video

App 3: Quiz

App 3: Quiz

In this series you'll learn:

  • Navigation & building multi-screen apps

  • Theming

  • Managing and interacting with multiple data sources

Watch the Intro Video

App 4: Weather

App 4: Weather

In this series you'll learn:

  • Working with third party APIs via the fetch API

  • Working with external APIs

  • Persisting data between sessions with the AsyncStorage API

Watch the Intro Video

App 5: Geocache

App 5: Geocache

In this series you'll learn:

  • Set up and interact with an API

  • Model a database to persist shared data

  • Using maps in your app

Watch the Intro Video

App 6: Review

App 6: Review

In this series you'll learn:

  • Protecting API routes

  • Authenticate with an API

  • Manage and interact with an API that requires authentication

Watch the Intro Video

App 7: Basic Game

App 7: Basic Game

In this series you'll learn:

  • Creating animations in React

  • Advanced component state management

Watch the Intro Video

App 8: Chat

App 8: Chat

In this series you'll learn:

  • Configure and use React Native Firebase Authentication

  • Configure and use React Native Firebase Firestore

  • How to model Data

Watch the Intro Video

App 9: News

App 9: News

In this series you'll learn:

  • Learn the basics of GraphQL

  • Interact with a REST API with Apollo

  • Create modals with the modal component from React Native

Watch the Intro Video

App 10: Social Media

App 10: Social Media

In this series you'll learn:

  • How to configure an Apollo/GraphQL server

  • GraphQL mutations

  • Optimistic client-side updates

Watch the Intro Video

Testimonials

Hear from past students

Spencer I have to tell you man... you are my guru! You don't know how I learned from your course of RN+Redux..... wonderfull course! I'm a graphic designer, so you can imagine how difficult it was for me to understand and know how to apply a workflow for RN + Redux in a real app and not a simple ToDo app! I personally prefer see what's going on while someone is explain to me, and this videos are perfect to get this, they are spectacular step by step, so once again, thank you for your time dedicated to these courses.

- Leonardo J.

This is good introduction to react native.

- Ano R.

I just want to tell you that I think your Currency Converter walkthrough course for React Native is amazing! I'm just moving over from Swift since it seems like less hassle and this was the crash course I needed to get started. It feels like your selection of tools and frameworks is very much in line with the current dev trends so they provide a good starting point and avoids the need to do a lot of research before diving in.

- Markus T.

Hey man, just wanted to say thank you for doing this. It's really cool and exactly what I was looking for. Cheers!

- Bryan E.

Oh my god, I just have to say at this point, that these tutorials are absolutely amazing! You explain everything so damn well and the speed is perfect to keep programming along. Very well done! I'm really excited to continue with the next chapters.

- Sandro M.

Instant Access to All 10 Examples

Already joined? Log in to access the course!

Not Sure?

I'm so confident that you'll love this course that I'll give you access to the first 3 examples for free.

Author

Spencer Carli

About the Instructor

Meet Spencer Carli. Spencer has been using React Native full-time since it was first open sourced in 2015. He's taught over 17,000 students how to learn React Native through his courses and has reached tens of thousands through his dozens of React Native tutorials - if you've looked into React Native it's likely you've seen one (or many) of his tutorials!

Beyond development Spencer is a cat dad (x3), loves pizza, and lives outside of Nashville Tennessee where he's a volunteer fire fighter.

Frequently Asked Questions

I can't afford the course? Are there any options available for me?

Yes! Send an email (support@handlebarlabs.com) with your situation (student, living outside US, etc).

What if I'm not happy with the course?

If you're not happy with the course contact us (support@handlebarlabs.com) within 30 days of your purchase and you'll receive a complete refund.

How long do I have access to the course?

Forever.

Is the content up to date?

All examples in React Native by Example will be updated at least every 3 months.