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 an 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

Keep up the great work. You are making this whole "teach yourself how to build apps in your minimal spare time" endeavor rather enjoyable.

- Casey R.

This is good introduction to react native.

- Ano R.

I have been waiting for this kind of tutorial for a long time. I would say this is a pretty practical course that covers the latest information with full of tips and findings. I really like Spencer's way of delivering lectures. It is simple, concise and straight to the point. UI of the sample programs are also beautiful. This course is also good even for people who already have some knowledge React Native. Even you have already subscribed many tutorials on the web, this is worth spending. Thank you so much, Spencer!!!

- Hideichiro K.

This course was really spectacular! I enjoyed your pacing, presentational style, and attention to detail. I felt it was the perfect pace to code along with.

- Myles O.

woot woot, just got an app approved on the app store with my first submission! wouldn't have happened without all the good insights from @spencercarli. thanks man!

- Rob C.

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) and you'll be refunded 100% of your purchase price.

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.