Egghead - Build a News App with React Native, GraphQL and TypeScript

For instance, what happens when there's no internet connection?

If you haven't asked yourself this then the answer is... absolutely nothing ?

When your users click around, they'll be stopped in their tracks by spinners and loading pages. They aren't receiving any errors so they sit there, waiting...

Until they close and delete your app to never open it again because it's broken.

But your app isn't broken, you just need to have a plan for when the internet goes down.

It's not just that the network connection is on or off— there are actually three levels of offline support

Only show errors when offline
Read-only offline support
Sync-later offline support
Course Project
You will incrementally build out a news application displaying a list of stories, story pages, and a bookmarks page.

As you start, you'll learn how to query data for the application using GraphQL and import and call those queries in the components that need the data.

This project also uses TypeScript but the way it is used is fairly unique. You'll see how we can have the safety of TypeScript in our app without having to write any types ourselves. Using the GraphQL schema that powers the data for your application, you'll generate TypeScript types almost for free with a code generation.

By the end of this course, you'll learn how to implement the first two levels of offline support and have the knowledge to implement the last level after this.

Skills you'll learn
Fetch and use GraphQL data
Generate types based on GraphQL schemas
Add navigation in React Native
Display errors when there is no network connection
Cache data for offline viewing in a React Native app
Get Started
The videos are recorded on a Mac with an iPhone 13 Simulator using plain React Native, but you can do this course using Android, Windows and even the Expo managed workflow. See the lesson description for platform-specific instructions. The solutions repo has been verified to work on a Pixel 3a Emulator on Mac.

The completed app for this course is availablehere and each lesson will include a link to the commit that added the code so you can check your work.

This course will require you to run the API locally on your device. The API repo is availablehere.

Welcome to My Blog - Check it Every Days
If you have any troubles with downloading, PM me
Please Buy Premium Account from my links to get high download speed and support me
Happy Learning!!