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

Build a News App with React Native, GraphQL and TypeScript, When you’re developing a React Native app, it’s easy to forget the different ways and conditions your users can be experiencing it. 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 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.

What 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

Specificatoin of Build a News App with React Native, GraphQL and TypeScript

• Publisher : Egghead
• Teacher : Kadi Kraman
• Language : English
• Level : All Levels
• Number of Course : 15
• Duration : 1 hours and 15 minutes

Content of Build a News App with React Native, GraphQL and TypeScript

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle : Not Available

Quality: 720p

The completed app for this course is available here

The API repo is available here.

Download Links

Download – 443 MB

File size

443 MB