React Native

Use react-native-qrcode-svg to turn a URL, including a deep link, into a QR code and display it in an Expo app.

Learn TanStack Query in React Native (Expo), from installation and focus management to writing queries, with JSONPlaceholder API examples.

Install and configure React Native Picker, then compare it with react-native-element-dropdown for a consistent selection control on iOS and Android.

Use expo-image and expo-asset to optimize remote and bundled image loading, handle asset state, and show BlurHash placeholders.

Open external links inside Expo apps with WebBrowser and understand how it differs from WebView.

Read the device locale, organize translations into language packs, and remember the user's language choice in an Expo app.

Set up @gorhom/bottom-sheet and create a reusable React Native bottom sheet with configurable content, snap points, and a backdrop.

Set up Expo SecureStore, store and retrieve encrypted values, and add biometric authentication in a React Native app.

Add local biometric authentication to a React Native app with Expo Local Authentication, including Expo and bare React Native setup and Face ID or fingerprint sign-in.

Render SVGs in an Expo app, configure react-native-svg-transformer, and pass SVG attributes as React props.

Show loading feedback in React Native with ActivityIndicator and react-native-skeleton-placeholder.

Install, configure, display, and customize toast notifications in Expo and React Native CLI projects.

Configure deep links in Expo Router, navigate to specific screens, and pass and read data through URL query parameters.

Add push notifications to an Expo app step by step, from installing expo-notifications and getting a push token to sending, receiving, and configuring FCM and APNs.

Request camera, media library, notification, microphone, and location permissions in Expo with TypeScript examples.

Set up a development build in Expo so you can modify and run native code.

Install and use Expo Vector Icons and configure icon buttons with Icon.Button.

Define Expo pages, shared layouts, route groups, dynamic segments, and platform-specific routing using file-based routes.

Install AsyncStorage in an Expo or React Native CLI app, then store and retrieve strings, objects, and arrays with its asynchronous API.

Implement efficient infinite scrolling with FlatList and React Query (TanStack Query) useInfiniteQuery in Expo. Learn how server-state management simplifies pagination.

Build infinite scrolling with Expo, FlatList, Axios, and JSONPlaceholder while managing pages, loading, and remaining data.

Create API keys and retrieve EOA wallet balances across chains using Etherscan V2, React, and TypeScript.

Handle WalletKit session requests in React Native with Reown, including signing and approving or rejecting requests.

Learn how to connect, approve, and test a WalletKit session in a React Native app using Reown.

Learn how to add digital wallet functionality to a React Native (Expo) app using Reown WalletKit.

Learn how to generate a BIP-39 mnemonic and create an EVM wallet in a React Native Expo app using expo-crypto, bip39, and ethers.js.

Abstract React Query into reusable custom hooks for pages and components, with practical JSONPlaceholder examples.

Install TanStack Query in React and learn to fetch, cache, and refetch API data, with examples of query keys, Suspense, SSR, and error handling.

Set up i18next in React, Expo, and React Native, manage translation resources, use dynamic keys and variables, format values, and handle plural forms.

Set up a typed Axios client with interceptors and shared request and response types in Next.js, with patterns you can adapt to React, React Native, or Node.js.

Downgrade Xcode from 16.3 to 16.2 to resolve React Native and Expo build errors involving std::char_traits<unsigned char>.

Learn how to manage global state with Context API in React (Native), with detailed explanations and examples for beginners.

Compare ScrollView and FlatList, then learn key FlatList props for efficient scrolling, empty states, separators, headers, layouts, and grids.

Set up Expo on macOS, create and link a project, and run the app in an emulator, a simulator, or Expo Go.

Use React keys to refresh selected child components or an entire component subtree in React Native.

Implement pull-to-refresh with React Native RefreshControl and customize platform-specific indicator properties.

Configure formatting, linting, CSS-in-JS styling, and global state in an Expo project.

Set up an Expo project on Windows, run it in an Android emulator or Expo Go, and troubleshoot PowerShell execution policy errors.

Set up React Native on Windows and run the project in the Android Studio emulator.

Use JSDoc syntax and tags to document functions, improve IDE assistance, and make JavaScript and TypeScript code easier to share and maintain.