Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript view all books →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Explore new Communities Join our Discord Server What Our Students Say
Tutorials
Pricing

Welcome to

The newline Guide to React Native for JavaScript Developers using TypeScript

Module 1

Getting Started

5 Lessons 53 Minutes

01About this Course
Sneak Peek00:03:40
02The Value of Building Real-World Apps in React Native
Sneak Peek00:12:08
03Storyboarding a React Native App's Components and Flow
Sneak Peek00:08:19
04Bootstrapping a React Native App With Boilerplate
Sneak Peek00:15:42
05How to Start Building a React Native iOS and Android App
Sneak Peek00:13:09

Module 2

Navigation and Screens

3 Lessons1 Hours 14 Minutes

01Getting Started With React Native Navigation
Sneak Peek00:28:25
02Set App Logos, Launch Screens, and Icons in React Native
Sneak Peek00:21:45
03Optimize Perceived Performance With React Native Lifecycle
Sneak Peek00:24:09

Module 3

Design System

7 Lessons1 Hours 58 Minutes

01Intro to Atomic Design Patterns [with examples]
Sneak Peek00:14:35
02Building a Typography Design System in React Native
Sneak Peek00:13:22
03How to Set Global Styles in React Native
Sneak Peek00:08:36
04SVG vs PNG: Which Image Format to Use in a React Native App
Sneak Peek00:13:32
05Customizing React Native Elements With Global Style
Sneak Peek00:16:14
06Combining React Elements Into Widgets
Sneak Peek00:38:08
07How to Build a Design System for Optimal User Experience
Sneak Peek00:14:25

Module 4

State Management

3 Lessons1 Hours 14 Minutes

01How State Management Works in React Native vs React
Sneak Peek00:31:21
02Using React Context API to Pass Data to React Components
Sneak Peek00:12:18
03Intro to Managing React Application State With Flux and Redux
Sneak Peek00:30:38

Module 5

API calls and Middlewares

3 Lessons1 Hours 20 Minutes

01Making API Calls in a React Native App With fetch and Axios
Sneak Peek00:39:13
02Using Middleware to Run React API Calls in the Background
Sneak Peek00:17:56
03How to Store User Login Data With React Native Async Storage
Sneak Peek00:22:58

Module 6

Debugging

3 Lessons

01Intro to Debugging React Native With iOS and Android DevTools
Sneak Peek
02Using React Native Debugger to Optimize an App
Sneak Peek
03How to Test React Native Apps on iOS and Android Devices
Sneak Peek

Module 7

Performance

2 Lessons

01How to Improve JavaScript Performance and Boost Frame Rates
Sneak Peek
02Use List Virtualization to Optimize React Native Rendering
Sneak Peek

Module 8

CodePush and Error Reporting

3 Lessons

01How to Deploy React Native Apps With Microsoft CodePush
Sneak Peek
02How to Get React Native Error Logs With Sentry
Sneak Peek
03Conclusion
Sneak Peek

Module 9

Bonus Content

3 Lessons 1 Minutes

01Intro to Building React Native Animations With Lottie
Sneak Peek
02Using React Native SVG to Support SVG on iOS and Android
Sneak Peek00:01:27
03React Native Cheat Sheet
Sneak Peek

Next Introduction:

About this Course