React Native Course – Android and iOS App Development

React Native Course – Android and iOS App Development

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Introduction

1 of 58

1 of 58

⌨️ Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

React Native Course – Android and iOS App Development

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Introduction
  2. 2 ⌨️ What is React Native?
  3. 3 ⌨️ Expo
  4. 4 ⌨️ Setup with Expo
  5. 5 ⌨️ Setting up a custom app
  6. 6 ⌨️ Setting up Android Studio
  7. 7 ⌨️ The directory structure
  8. 8 ⌨️ Setting up linting
  9. 9 ⌨️ Setting up Prettier
  10. 10 ⌨️ Debugging
  11. 11 ⌨️ Native components
  12. 12 ⌨️ Core components
  13. 13 ⌨️ JSX
  14. 14 ⌨️ Working with components
  15. 15 ⌨️ What are components
  16. 16 ⌨️ Creating our first component
  17. 17 ⌨️ Styling basics
  18. 18 ⌨️ Layout props
  19. 19 ⌨️ The current weather screen
  20. 20 ⌨️ Adding icons to the screen
  21. 21 ⌨️ Components
  22. 22 ⌨️ Reviewing what we have learnt so far
  23. 23 ⌨️ Creating the upcoming weather component
  24. 24 ⌨️ Introducing lists
  25. 25 ⌨️ Implementing our list
  26. 26 ⌨️ Key extractors
  27. 27 ⌨️ Other FlatList props
  28. 28 ⌨️ Styling our FlatList
  29. 29 ⌨️ Images
  30. 30 ⌨️ Using an image in the upcoming weather component
  31. 31 ⌨️ ImageBackground
  32. 32 ⌨️ Props
  33. 33 ⌨️ Refactoring what we have done so far
  34. 34 ⌨️ Implementing the city screen
  35. 35 ⌨️ Refactoring the city screen
  36. 36 ⌨️ Refactoring the current weather screen
  37. 37 ⌨️ Introducing Navigation
  38. 38 ⌨️ Implementing tabs in our app
  39. 39 ⌨️ Styling our tabs
  40. 40 ⌨️ Extracting the tabs
  41. 41 ⌨️ State
  42. 42 ⌨️ The useState hook
  43. 43 ⌨️ Hooks
  44. 44 ⌨️ The useEffect hook
  45. 45 ⌨️ Adding a loading state
  46. 46 ⌨️ Using the open weather map api
  47. 47 ⌨️ Getting the users location
  48. 48 ⌨️ Seting up fetching the api data
  49. 49 ⌨️ Fetching the Api data
  50. 50 ⌨️ Making our own hook
  51. 51 ⌨️ Passing the data to our components
  52. 52 ⌨️ Updating current weather to use the data
  53. 53 ⌨️ Updating the upcoming weather to use the data
  54. 54 ⌨️ Installing Moment
  55. 55 ⌨️ Updating the city component
  56. 56 ⌨️ Creating the error screen
  57. 57 ⌨️ Some last refactoring
  58. 58 ⌨️ Bonus material

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.