Build your first app with React Native and Expo

Rusty Courses, Experienced full stack web & mobile dev

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
38 Lessons (4h 25m)
    • 1. About the course

      0:50
    • 2. Welcome to the course

      0:57
    • 3. Who uses React Native & Why Expo

      4:09
    • 4. Software to install

      2:40
    • 5. Intro to React Native

      2:46
    • 6. Overview of React Native components

      3:25
    • 7. Find more information on the React Native docs

      1:40
    • 8. Looking at the Expo docs

      1:10
    • 9. What are "props" in React Native?

      4:14
    • 10. What is "state" in React Native?

      4:33
    • 11. Install Hyper for terminal commands

      1:16
    • 12. Create app in React Native using the command line in Hyper

      9:29
    • 13. Using the FlatList component

      8:01
    • 14. Using the image component

      6:11
    • 15. Using pull to refresh with a flatlist

      5:05
    • 16. How to use React Native Navigation

      10:31
    • 17. Styling options in react native

      16:14
    • 18. Using Flex Box

      2:41
    • 19. Building a weather app - creating the app from the command line

      7:53
    • 20. Planning the flow of the app & adding folders

      4:55
    • 21. Register with weather API

      3:20
    • 22. Install dependencies and begin to create home screen

      11:41
    • 23. Fetching data from an API

      9:31
    • 24. Set array of cities and create random function

      7:29
    • 25. Using the console to log responses and start building FlatList

      19:54
    • 26. Add styling to FlatList rows and add conditional font colours

      16:00
    • 27. Adding Expo gradient component and touch event

      11:32
    • 28. Add conditional emoji for weather types

      6:20
    • 29. Intro: Taking the CityWeather app further

      1:40
    • 30. Use tab navigation

      3:54
    • 31. Add search screen

      11:49
    • 32. Final changes to improve the CityWeather app

      11:53
    • 33. Add improved styling for alert box.

      20:10
    • 34. FlatList in reverse (Inverted prop)

      2:05
    • 35. How to fix errors

      11:00
    • 36. Using dimensions

      2:56
    • 37. How to use custom fonts

      8:50
    • 38. Extra: React Native Navigation Examples (Stack Navigator)

      5:54
32 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

2 of 2 students recommend this class