React Native

Networking āđāļĨāļ° API āđƒāļ™ React Native

fetch API, axios, async/await, āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ”, āļāļēāļĢāļœāļŠāļēāļ™ API, AbortController

20 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒÂ·
Mid-Level
1

āđ€āļĄāļ˜āļ­āļ” JavaScript āļ”āļąāđ‰āļ‡āđ€āļ”āļīāļĄāļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāđˆāļ‡āļ„āļģāļ‚āļ­ HTTP āđƒāļ™ React Native āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

fetch āļ„āļ·āļ­ API āļ”āļąāđ‰āļ‡āđ€āļ”āļīāļĄāļ—āļĩāđˆāļĄāļĩāļ­āļĒāļđāđˆāđƒāļ™ JavaScript āđāļĨāļ° React Native āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāđˆāļ‡āļ„āļģāļ‚āļ­ HTTP āļĄāļąāļ™āļ„āļ·āļ™āļ„āđˆāļēāđ€āļ›āđ‡āļ™ Promise āđāļĨāļ°āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļˆāļąāļ”āļāļēāļĢāļ„āļģāļ‚āļ­ GET, POST, PUT, DELETE āđ„āļ”āđ‰āđ‚āļ”āļĒāđ„āļĄāđˆāļ•āđ‰āļ­āļ‡āļžāļķāđˆāļ‡āļžāļēāļ āļēāļĒāļ™āļ­āļ āļ•āđˆāļēāļ‡āļˆāļēāļ axios āļ•āļĢāļ‡āļ—āļĩāđˆ fetch āđƒāļŠāđ‰āļ‡āļēāļ™āđ„āļ”āđ‰āđāļšāļšāļ”āļąāđ‰āļ‡āđ€āļ”āļīāļĄāđ‚āļ”āļĒāđ„āļĄāđˆāļ•āđ‰āļ­āļ‡āļ•āļīāļ”āļ•āļąāđ‰āļ‡āđāļžāđ‡āļāđ€āļāļˆāđƒāļ” āđ†

2

āđ€āļĄāļ˜āļ­āļ” fetch() āļ„āļ·āļ™āļ„āđˆāļēāļ­āļ°āđ„āļĢāđ€āļĄāļ·āđˆāļ­āļ„āļģāļ‚āļ­ HTTP āļĨāđ‰āļĄāđ€āļŦāļĨāļ§āļ”āđ‰āļ§āļĒāļĢāļŦāļąāļŠ 404 āļŦāļĢāļ·āļ­ 500?

āļ„āļģāļ•āļ­āļš

fetch() āļˆāļ° resolve Promise āļŠāļģāđ€āļĢāđ‡āļˆāđ€āļŠāļĄāļ­āļ•āļĢāļēāļšāđƒāļ”āļ—āļĩāđˆāļ„āļģāļ‚āļ­āđ€āļ„āļĢāļ·āļ­āļ‚āđˆāļēāļĒāđ€āļŠāļĢāđ‡āļˆāļŠāļĄāļšāļđāļĢāļ“āđŒ āđāļĄāđ‰āļāļĢāļ°āļ—āļąāđˆāļ‡āļŠāļģāļŦāļĢāļąāļšāļĢāļŦāļąāļŠāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ” HTTP āđ€āļŠāđˆāļ™ 404 āļŦāļĢāļ·āļ­ 500 āļ„āļļāļ“āļ•āđ‰āļ­āļ‡āļ•āļĢāļ§āļˆāļŠāļ­āļš response.ok āļŦāļĢāļ·āļ­ response.status āļ”āđ‰āļ§āļĒāļ•āļ™āđ€āļ­āļ‡āđ€āļžāļ·āđˆāļ­āļ•āļĢāļ§āļˆāļˆāļąāļšāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ” HTTP fetch() āļˆāļ° reject Promise āđ€āļ‰āļžāļēāļ°āļāļĢāļ“āļĩāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ”āđ€āļ„āļĢāļ·āļ­āļ‚āđˆāļēāļĒāļˆāļĢāļīāļ‡ āđ€āļŠāđˆāļ™ āđ„āļĄāđˆāļĄāļĩāļāļēāļĢāđ€āļŠāļ·āđˆāļ­āļĄāļ•āđˆāļ­

3

āļ‚āđ‰āļ­āđ„āļ”āđ‰āđ€āļ›āļĢāļĩāļĒāļšāļŦāļĨāļąāļāļ‚āļ­āļ‡ axios āđ€āļŦāļ™āļ·āļ­ fetch āļŠāļģāļŦāļĢāļąāļšāļ„āļģāļ‚āļ­ HTTP āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

axios āđāļ›āļĨāļ‡āļ‚āđ‰āļ­āļĄāļđāļĨ JSON āđ€āļ›āđ‡āļ™āļ­āđ‡āļ­āļšāđ€āļˆāđ‡āļāļ•āđŒ JavaScript āđ‚āļ”āļĒāļ­āļąāļ•āđ‚āļ™āļĄāļąāļ•āļī āđāļĨāļ°āļˆāļąāļ”āļāļēāļĢāļĢāļŦāļąāļŠāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ” HTTP āđ‚āļ”āļĒāļāļēāļĢ reject Promise āļŠāđˆāļ§āļ™ fetch āļ„āļļāļ“āļ•āđ‰āļ­āļ‡āđ€āļĢāļĩāļĒāļ response.json() āļ”āđ‰āļ§āļĒāļ•āļ™āđ€āļ­āļ‡āđāļĨāļ°āļ•āļĢāļ§āļˆāļŠāļ­āļš response.ok āļ™āļ­āļāļˆāļēāļāļ™āļĩāđ‰ axios āļĒāļąāļ‡āļĄāļĩ interceptor āļāļēāļĢāļĒāļāđ€āļĨāļīāļāļ—āļĩāđˆāļ‡āđˆāļēāļĒāļ‚āļķāđ‰āļ™ āđāļĨāļ°āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ timeout āļ—āļĩāđˆāļ”āļĩāļāļ§āđˆāļēāđ‚āļ”āļĒāļ„āđˆāļēāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™

4

āđ„āļ§āļĒāļēāļāļĢāļ“āđŒāļ—āļĩāđˆāļ–āļđāļāļ•āđ‰āļ­āļ‡āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāđˆāļ‡āļ‚āđ‰āļ­āļĄāļđāļĨ JSON āļ”āđ‰āļ§āļĒ fetch āđāļšāļš POST āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

5

async/await āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļ„āļģāļ‚āļ­ HTTP āļ‡āđˆāļēāļĒāļ‚āļķāđ‰āļ™āļ­āļĒāđˆāļēāļ‡āđ„āļĢāđ€āļĄāļ·āđˆāļ­āđ€āļ—āļĩāļĒāļšāļāļąāļš Promise āļ—āļĩāđˆāđ€āļŠāļ·āđˆāļ­āļĄāļ•āđˆāļ­āļāļąāļ™?

+17 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āļŦāļąāļ§āļ‚āđ‰āļ­āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ React Native āļ­āļ·āđˆāļ™āđ†

āļžāļ·āđ‰āļ™āļāļēāļ™ JavaScript

Junior
25 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ React

Junior
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ React Native

Junior
22 āļ„āļģāļ–āļēāļĄ

React Hooks

Junior
20 āļ„āļģāļ–āļēāļĄ

TypeScript āļŠāļģāļŦāļĢāļąāļš React āđāļĨāļ° React Native

Junior
22 āļ„āļģāļ–āļēāļĄ

āļ„āļ­āļĄāđ‚āļžāđ€āļ™āļ™āļ•āđŒāđāļĨāļ° API āļ‚āļ­āļ‡ React Native

Junior
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļŠāđ„āļ•āļĨāđŒāđāļĨāļ°āđ€āļĨāļĒāđŒāđ€āļ­āļēāļ•āđŒāđƒāļ™ React Native

Junior
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ™āļģāļ—āļēāļ‡āđƒāļ™ React Native

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ State āđƒāļ™ React Native

Mid-Level
24 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ„āļ‡āļ­āļĒāļđāđˆāļ‚āļ­āļ‡āļ‚āđ‰āļ­āļĄāļđāļĨ

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļŸāļ­āļĢāđŒāļĄāđāļĨāļ°āļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļšāļ„āļ§āļēāļĄāļ–āļđāļāļ•āđ‰āļ­āļ‡

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āđāļ­āļ™āļīāđ€āļĄāļŠāļąāļ™ React Native

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Native Modules & Bridge

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āđ‚āļ„āđ‰āļ”āđ€āļ‰āļžāļēāļ°āđāļžāļĨāļ•āļŸāļ­āļĢāđŒāļĄ

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļŠāļīāļ—āļ˜āļīāđŒāđāļĨāļ° Device API

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Push Notifications

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļ”āļŠāļ­āļš React Native

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢ Debug React Native

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

Build & Deployment

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Expo vs React Native Bare

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāđ€āļžāļīāđˆāļĄāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Senior
24 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļŦāļ™āđˆāļ§āļĒāļ„āļ§āļēāļĄāļˆāļģ

Senior
20 āļ„āļģāļ–āļēāļĄ

Architecture Patterns

Senior
22 āļ„āļģāļ–āļēāļĄ

React Native New Architecture

Senior
24 āļ„āļģāļ–āļēāļĄ

āđāļ™āļ§āļ—āļēāļ‡āļ›āļāļīāļšāļąāļ•āļīāļ—āļĩāđˆāļ”āļĩāļ—āļĩāđˆāļŠāļļāļ”āļ”āđ‰āļēāļ™āļ„āļ§āļēāļĄāļ›āļĨāļ­āļ”āļ āļąāļĒ

Senior
20 āļ„āļģāļ–āļēāļĄ

Offline-First Architecture

Senior
20 āļ„āļģāļ–āļēāļĄ

CI/CD React Native

Senior
20 āļ„āļģāļ–āļēāļĄ

Monorepo āđāļĨāļ°āļāļēāļĢāđāļŠāļĢāđŒāđ‚āļ„āđ‰āļ”

Senior
18 āļ„āļģāļ–āļēāļĄ

āļŦāļąāļ§āļ‚āđ‰āļ­āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Senior
22 āļ„āļģāļ–āļēāļĄ

āļ§āļ‡āļˆāļĢāļŠāļĩāļ§āļīāļ•āđāļ­āļ›āđāļĨāļ°āļāļēāļĢāļ—āļģāļ‡āļēāļ™āđ€āļšāļ·āđ‰āļ­āļ‡āļŦāļĨāļąāļ‡

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļĒāļ·āļ™āļĒāļąāļ™āļ•āļąāļ§āļ•āļ™āđāļĨāļ°āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāđ€āļ‹āļŠāļŠāļąāļ™

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Monitoring & Crash Reporting

Senior
20 āļ„āļģāļ–āļēāļĄ

āđ€āļŠāļĩāđˆāļĒāļ§āļŠāļēāļ React Native āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāļ„āļĢāļąāđ‰āļ‡āļ–āļąāļ”āđ„āļ›

āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āļ„āļģāļ–āļēāļĄāļ—āļąāđ‰āļ‡āļŦāļĄāļ” flashcards āđāļšāļšāļ—āļ”āļŠāļ­āļšāđ€āļ—āļ„āļ™āļīāļ„ āđāļšāļšāļāļķāļāļŦāļąāļ” code review āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āđ€āļĢāļīāđˆāļĄāđƒāļŠāđ‰āļŸāļĢāļĩ