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
28 students are watching this class

Project Description

You are now ready for the next step. Using what you have learnt in the CityWeather example app now try to make your own weather app using this API try to add extra details and if you want display data across more tabs.

Student Projects