Lessons
view all ⭢
lesson
Using React Native SVG to Support SVG on iOS and AndroidThe newline Guide to React Native for JavaScript Developers using TypeScriptLook no further than React Native SVG for your SVG solution.
lesson
How to Get React Native Error Logs With SentryThe newline Guide to React Native for JavaScript Developers using TypeScriptError reporting in JavaScript and native code
lesson
How to Deploy React Native Apps With Microsoft CodePushThe newline Guide to React Native for JavaScript Developers using TypeScriptCodePush is Microsoft's App Center cloud service that enables React Native developers to deploy mobile app updates directly to their users' devices.
lesson
How to Store User Login Data With React Native Async StorageThe newline Guide to React Native for JavaScript Developers using TypeScriptAsyncStorage is an asynchronous, unencrypted, persistent, key-value storage system for React Native.
lesson
Using Middleware to Run React API Calls in the BackgroundThe newline Guide to React Native for JavaScript Developers using TypeScriptMiddleware allows for side-effects to be executed without blocking state updates. Logger and Analytics make for perfect use cases.
lesson
Making API Calls in a React Native App With fetch and AxiosThe newline Guide to React Native for JavaScript Developers using TypeScriptThe very reliable "fetch". Learn the best practices for structuring the app's services and APIs to make them resilient to change.
lesson
Combining React Elements Into WidgetsThe newline Guide to React Native for JavaScript Developers using TypeScriptBuilt using atoms and molecules, Organisms are the complex components that deliver specific features. They are at the core of an app that delivers a consistent UX.
lesson
Customizing React Native Elements With Global StyleThe newline Guide to React Native for JavaScript Developers using TypeScriptWe'll look at the Atomic design pattern's atoms and molecules; what they are and how they help build the design system of the app.
lesson
SVG vs PNG: Which Image Format to Use in a React Native AppThe newline Guide to React Native for JavaScript Developers using TypeScriptShould we use images or SVGs? Should we be putting them in the React Native bundle, or on native and save OTA bandwidth? Let's look at the best practices.
lesson
How to Set Global Styles in React NativeThe newline Guide to React Native for JavaScript Developers using TypeScriptGlobal styles help lay the design structure the app should follow. We'll extend our typography from the previous lesson to define styles, mainly for atoms, molecules and organisms.
lesson
Building a Typography Design System in React NativeThe newline Guide to React Native for JavaScript Developers using TypeScriptTo build a design system we need to start by defining a typography; defining the fonts, colors and icons of the app.
lesson
Optimize Perceived Performance With React Native LifecycleThe newline Guide to React Native for JavaScript Developers using TypeScriptLearn about the screen lifecycle, and customize the app bar and the back button. We will also look at perceived load time and how to manage it.