Intro to React Native and Apollo Client

Repo: https://github.com/emimuresan/githubber

Description: Using Github's GraphQL API as a backend, we'll be working on a small client app in react-native + apollo-client. This app will serve as a playground, and help us cover these topics:
* getting started with react-native: using expo vs. building projects with native code
* handling routing via react-navigation
* setting up apollo-client and executing some basic operations (queries, mutations)
* offline support
* styling using styled-components

Image Credits:
1. Building animations in React Native: https://blog.pusher.com/animation-react-native-part-1/
2. Chain React 2018 - The state of React Native by Ram N: https://www.youtube.com/watch?v=83ffAY-CmL4

Transcript

1. Intro to React-Native and Apollo-Client
2. Hi, I’m Emi Working at Modus Create Volunteer at JSHeroes @emi_codes
3. Agenda React-Native Setup App Structure Debugging Styled-Components React-Navigation Apollo-Client Offline Support Testing Next Steps
5. ⚛ React-Native
6. React Native lets you build awesome mobile apps for both iOS and Android using only JavaScript & React
7. React Components
8. Credit: Animations in React Native - Pusher Blogpost
9. What is this black magic?
10. React Native Architecture The JavaScript Realm The Native Realm The Bridge JavaScript
 JSCore (VM)
 Single Thread Swift/Java
 Main UI Thread
 Other background threads
11. Credit: The State of React Native (2018) by Ram N
12. Setup
13.  App Structure
14. Debugging
15. Styled Components
16. ➡ React-Navigation
17. Apollo Client
18. Offline Support
19. ✅ Testing
20. Next Steps ➡ Check out the full source code: • https://github.com/emimuresan/githubber ➡ Working with Github’s GraphQL API: • https://developer.github.com/v4/guides/forming-calls/ ➡ Check of react-native resources at JSHeroes > JavaScript Knowledge repo: • https://github.com/jsheroes/javascript-knowledge/blob/master/react-native.md
21. / Thank you!