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