From 58430387ecdd49dc451f2bbe5e00ef5befa572d7 Mon Sep 17 00:00:00 2001 From: markrickert Date: Mon, 14 Oct 2024 21:12:19 +0000 Subject: [PATCH] deploy: 863ecb86a64334390a7a9c2d5769494897463dc5 --- 404.html | 6 +- assets/css/styles.4a58e9bf.css | 1 + assets/css/styles.ca6704e7.css | 1 - assets/js/1c9ea255.7b69dcf0.js | 1 + assets/js/1c9ea255.c1fc54dc.js | 1 - ...93b7f.4362f2d4.js => 1df93b7f.f374507e.js} | 2 +- .../js/{2096.4d27602e.js => 2096.74eff994.js} | 4 +- ...CENSE.txt => 2096.74eff994.js.LICENSE.txt} | 0 assets/js/215698ba.919d4861.js | 1 + assets/js/30b0babe.f4d14fbe.js | 1 + assets/js/37e9da98.22e74fbb.js | 1 + assets/js/3bb7a4af.1da259c8.js | 1 + assets/js/3bb7a4af.bf7e6f78.js | 1 - assets/js/4912.72b4592a.js | 1 - ...60ee5.8c38a12d.js => 55960ee5.452ac5b9.js} | 2 +- assets/js/6728e797.2129b1ff.js | 1 - assets/js/6728e797.8544732d.js | 1 + assets/js/7656.b8ebdf4f.js | 1 + assets/js/76759531.0401f9a7.js | 1 + assets/js/78a0b2f7.3a69bc27.js | 1 + assets/js/78a0b2f7.82a6ac47.js | 1 - assets/js/8908.beb80ef0.js | 1 + assets/js/935f2afb.c35dca9d.js | 1 + assets/js/935f2afb.d1f3f2ad.js | 1 - assets/js/9b650fc1.53da09c6.js | 1 + assets/js/9ec24567.c8293750.js | 1 + ...5d017.652e4122.js => a2f5d017.2b66b8ca.js} | 2 +- ...703ab.fd03de0d.js => a94703ab.bc075c24.js} | 2 +- assets/js/b6b5631c.2e740d0e.js | 1 + assets/js/bbaf8084.8d59b503.js | 1 + assets/js/d63d2b89.67ab2f65.js | 1 + assets/js/d63d2b89.8053e2ab.js | 1 - assets/js/ee0b98b5.96e769fa.js | 1 + assets/js/main.5d1b389f.js | 2 + ...CENSE.txt => main.5d1b389f.js.LICENSE.txt} | 0 assets/js/main.b8e7dbd7.js | 2 - assets/js/runtime~main.4e8dfcac.js | 1 - assets/js/runtime~main.b04024ff.js | 1 + docs/archive/PristineExpoProject/index.html | 6 +- docs/archive/index.html | 6 +- .../CustomVectorIcons/index.html | 6 +- docs/communityRecipes/index.html | 6 +- docs/intro/index.html | 6 +- .../recipes/AccessibilityFontSizes/index.html | 8 +- docs/recipes/ApolloClientCache/index.html | 8 +- docs/recipes/Authentication/index.html | 8 +- docs/recipes/CircleCIRNSetup/index.html | 8 +- .../index.html | 8 +- docs/recipes/DetoxIntro/index.html | 8 +- .../DistributingAuthTokenToAPI/index.html | 8 +- docs/recipes/EASUpdate/index.html | 8 +- docs/recipes/EnforcingImportOrder/index.html | 8 +- docs/recipes/EnvironmentVariables/index.html | 8 +- docs/recipes/ExpoRouter/index.html | 8 +- .../GeneratorComponentTests/index.html | 8 +- .../LocalFirstDataWithPowerSync/index.html | 8 +- docs/recipes/MaestroSetup/index.html | 8 +- docs/recipes/MigratingToMMKV/index.html | 8 +- .../PatchingBuildingAndroid/index.html | 8 +- docs/recipes/PrepForEASBuild/index.html | 8 +- .../ReactNativeVisionCamera/index.html | 8 +- docs/recipes/Redux/index.html | 12 +- docs/recipes/RemoveMobxStateTree/index.html | 8 +- .../index.html | 8 +- docs/recipes/SampleYAMLCircleCI/index.html | 8 +- .../SelectFieldWithBottomSheet/index.html | 20 +- .../recipes/SwitchBetweenExpoGoCNG/index.html | 10 +- docs/recipes/Theming-Emotion/index.html | 61 + .../Theming-StyledComponents/index.html | 61 + docs/recipes/Theming-Unistyles/index.html | 61 + docs/recipes/TypeScriptBaseURL/index.html | 10 +- .../UnrenderedItemInScrollView/index.html | 8 +- docs/recipes/UpdatingDependencies/index.html | 8 +- docs/recipes/UpdatingIgnite/index.html | 8 +- docs/recipes/UsingScreenReaders/index.html | 8 +- docs/recipes/Zustand/index.html | 8 +- docs/tags/accessibility/index.html | 6 +- docs/tags/android/index.html | 10 +- docs/tags/apisauce/index.html | 6 +- docs/tags/apollo-client/index.html | 6 +- docs/tags/archive/index.html | 6 +- docs/tags/async-storage/index.html | 6 +- docs/tags/authentication/index.html | 6 +- docs/tags/babel/index.html | 6 +- docs/tags/backend/index.html | 6 +- docs/tags/cache/index.html | 6 +- docs/tags/ci-cd/index.html | 6 +- docs/tags/cng/index.html | 6 +- docs/tags/colors/index.html | 41 + docs/tags/community/index.html | 6 +- docs/tags/custom-commands/index.html | 6 +- docs/tags/darkmode/index.html | 41 + docs/tags/data-synchronization/index.html | 6 +- docs/tags/database/index.html | 6 +- docs/tags/debug/index.html | 6 +- docs/tags/dependencies/index.html | 6 +- docs/tags/eas-update/index.html | 6 +- docs/tags/eas/index.html | 6 +- docs/tags/emotion-js/index.html | 41 + docs/tags/environment-variables/index.html | 6 +- docs/tags/expo-dev-client/index.html | 6 +- docs/tags/expo-router/index.html | 6 +- docs/tags/expo-updates/index.html | 6 +- docs/tags/expo/index.html | 6 +- docs/tags/flat-list/index.html | 6 +- docs/tags/font-awesome/index.html | 6 +- docs/tags/generator/index.html | 6 +- docs/tags/guide/index.html | 6 +- docs/tags/hardware/index.html | 6 +- docs/tags/i-os/index.html | 10 +- docs/tags/icons/index.html | 6 +- docs/tags/imports/index.html | 6 +- docs/tags/index.html | 8 +- docs/tags/intro/index.html | 6 +- docs/tags/login/index.html | 6 +- docs/tags/maestro/index.html | 6 +- docs/tags/mmkv/index.html | 6 +- docs/tags/mob-x/index.html | 6 +- docs/tags/offline-support/index.html | 6 +- docs/tags/power-sync/index.html | 6 +- docs/tags/prebuild/index.html | 6 +- docs/tags/prettier/index.html | 6 +- .../react-native-vision-camera/index.html | 6 +- docs/tags/react-native/index.html | 6 +- docs/tags/react-navigation/index.html | 6 +- docs/tags/reactotron/index.html | 6 +- docs/tags/redux/index.html | 6 +- docs/tags/scroll-to/index.html | 6 +- docs/tags/section-list/index.html | 6 +- docs/tags/select-field/index.html | 6 +- docs/tags/session/index.html | 6 +- docs/tags/signup/index.html | 6 +- docs/tags/state-management/index.html | 6 +- docs/tags/styled-components/index.html | 41 + docs/tags/supabase/index.html | 6 +- docs/tags/testing/index.html | 6 +- docs/tags/text-field/index.html | 6 +- docs/tags/theming/index.html | 41 + docs/tags/type-script/index.html | 6 +- .../index.html | 6 +- docs/tags/ui/index.html | 6 +- docs/tags/unistyles/index.html | 41 + docs/tags/uses-feature/index.html | 6 +- docs/tags/vector-icons/index.html | 6 +- docs/tags/vision-camera/index.html | 6 +- docs/tags/yarn/index.html | 6 +- docs/tags/zustand/index.html | 6 +- index.html | 1225 +---------------- search/index.html | 6 +- sitemap.xml | 2 +- 150 files changed, 858 insertions(+), 1544 deletions(-) create mode 100644 assets/css/styles.4a58e9bf.css delete mode 100644 assets/css/styles.ca6704e7.css create mode 100644 assets/js/1c9ea255.7b69dcf0.js delete mode 100644 assets/js/1c9ea255.c1fc54dc.js rename assets/js/{1df93b7f.4362f2d4.js => 1df93b7f.f374507e.js} (99%) rename assets/js/{2096.4d27602e.js => 2096.74eff994.js} (99%) rename assets/js/{2096.4d27602e.js.LICENSE.txt => 2096.74eff994.js.LICENSE.txt} (100%) create mode 100644 assets/js/215698ba.919d4861.js create mode 100644 assets/js/30b0babe.f4d14fbe.js create mode 100644 assets/js/37e9da98.22e74fbb.js create mode 100644 assets/js/3bb7a4af.1da259c8.js delete mode 100644 assets/js/3bb7a4af.bf7e6f78.js delete mode 100644 assets/js/4912.72b4592a.js rename assets/js/{55960ee5.8c38a12d.js => 55960ee5.452ac5b9.js} (78%) delete mode 100644 assets/js/6728e797.2129b1ff.js create mode 100644 assets/js/6728e797.8544732d.js create mode 100644 assets/js/7656.b8ebdf4f.js create mode 100644 assets/js/76759531.0401f9a7.js create mode 100644 assets/js/78a0b2f7.3a69bc27.js delete mode 100644 assets/js/78a0b2f7.82a6ac47.js create mode 100644 assets/js/8908.beb80ef0.js create mode 100644 assets/js/935f2afb.c35dca9d.js delete mode 100644 assets/js/935f2afb.d1f3f2ad.js create mode 100644 assets/js/9b650fc1.53da09c6.js create mode 100644 assets/js/9ec24567.c8293750.js rename assets/js/{a2f5d017.652e4122.js => a2f5d017.2b66b8ca.js} (56%) rename assets/js/{a94703ab.fd03de0d.js => a94703ab.bc075c24.js} (99%) create mode 100644 assets/js/b6b5631c.2e740d0e.js create mode 100644 assets/js/bbaf8084.8d59b503.js create mode 100644 assets/js/d63d2b89.67ab2f65.js delete mode 100644 assets/js/d63d2b89.8053e2ab.js create mode 100644 assets/js/ee0b98b5.96e769fa.js create mode 100644 assets/js/main.5d1b389f.js rename assets/js/{main.b8e7dbd7.js.LICENSE.txt => main.5d1b389f.js.LICENSE.txt} (100%) delete mode 100644 assets/js/main.b8e7dbd7.js delete mode 100644 assets/js/runtime~main.4e8dfcac.js create mode 100644 assets/js/runtime~main.b04024ff.js create mode 100644 docs/recipes/Theming-Emotion/index.html create mode 100644 docs/recipes/Theming-StyledComponents/index.html create mode 100644 docs/recipes/Theming-Unistyles/index.html create mode 100644 docs/tags/colors/index.html create mode 100644 docs/tags/darkmode/index.html create mode 100644 docs/tags/emotion-js/index.html create mode 100644 docs/tags/styled-components/index.html create mode 100644 docs/tags/theming/index.html create mode 100644 docs/tags/unistyles/index.html diff --git a/404.html b/404.html index a1b86947..5d389746 100644 --- a/404.html +++ b/404.html @@ -9,9 +9,9 @@ - - - + + +
Skip to main content

TypeScript baseUrl Configuration

+

TypeScript baseUrl Configuration

Overview​

Depending on your project structure, sometimes you'll end up with longer relative imports like this:

import { Thing } from "../../../../../components/thing";
@@ -62,6 +62,6 @@

Resources​

Is this page still up to date? Did it work for you?

+

Is this page still up to date? Did it work for you?

\ No newline at end of file diff --git a/docs/recipes/UnrenderedItemInScrollView/index.html b/docs/recipes/UnrenderedItemInScrollView/index.html index 49ae8b10..196a6618 100644 --- a/docs/recipes/UnrenderedItemInScrollView/index.html +++ b/docs/recipes/UnrenderedItemInScrollView/index.html @@ -9,9 +9,9 @@ - - - + + +
Skip to main content

Scrolling to a location that hasn't been rendered using FlatList or SectionList

Calling scrollViewRef.current.scrollToLocation() on a React Native FlatList or SectionList will fail on occasion because it can't scroll to a location that hasn't been rendered yet.

+

Scrolling to a location that hasn't been rendered using FlatList or SectionList

Calling scrollViewRef.current.scrollToLocation() on a React Native FlatList or SectionList will fail on occasion because it can't scroll to a location that hasn't been rendered yet.

The solution to this is implementing onScrollToIndexFailed with some sort of recovery functionality to keep trying the scroll. This is a Higher Order Component (HOC) for SectionList that handles this for us.

This component basically tries over and over to scroll to the requested location until it gets it right and no longer calls onScrollToIndexFailed.

import * as React from 'react';
import { SectionList, SectionListProps, SectionListScrollParams } from 'react-native';

interface SectionListHandle {
  scrollToLocation: (params: SectionListScrollParams) => void;
}

/**
 * This is a wrapper around react-native's SectionList that adds protection against scrolling to an
 * unknown (not rendered yet) location. This is useful for cases where the user wants to scroll to a
 * position very far down the list but we haven't rendered that far yet.
 *
 * This adds onScrollToIndexFailed property to SectionList so that if the scroll fails, we calculate the approximate
 * scroll position, scroll there, and then try again to get the exact position requested.
 *
 * Essentially, it's a "guess the position and retry the operation" strategy until the list is scrolled to the
 * correct location.
 */
export const ScrollProtectedSectionList = React.forwardRef<
  SectionListHandle,
  SectionListProps<any, any>
>((props, forwardedRef) => {
  const internalRef = React.useRef<SectionList>(null);
  const [lastScrollRequest, setLastScrollRequest] = React.useState<SectionListScrollParams>();
  const timeout = React.useRef<ReturnType<typeof setTimeout>>();

  const onScrollToIndexFailed = (info: {
    index: number;
    highestMeasuredFrameIndex: number;
    averageItemLength: number;
  }) => {
    console.log('ScrollProtectedSectionList.onScrollToIndexFailed', info);

    // Calculate the possible position of the item and scroll there using the internal scroll responder.
    const offset = info.averageItemLength * info.index;
    internalRef.current?.getScrollResponder()?.scrollTo({ x: 0, y: offset, animated: false });

    // If we know exactly where we want to scroll to, we can just scroll now since the item is likely visible.
    // Otherwise it'll call this function recursively again.
    if (lastScrollRequest) {
      timeout.current = setTimeout(() => {
        internalRef.current?.scrollToLocation(lastScrollRequest);
      }, 100);
    }
  };

  // Clear the timeout if it still exists when the component unmounts.
  React.useEffect(() => {
    return () => timeout.current && clearTimeout(timeout.current);
  }, []);

  React.useImperativeHandle(
    forwardedRef,
    () => ({
      scrollToLocation: (params: SectionListScrollParams) => {
        internalRef.current?.scrollToLocation(params);
        setLastScrollRequest(params);
      },
    }),
    [internalRef],
  );

  return <SectionList {...props} ref={internalRef} onScrollToIndexFailed={onScrollToIndexFailed} />;
});

Is this page still up to date? Did it work for you?

diff --git a/docs/recipes/UpdatingDependencies/index.html b/docs/recipes/UpdatingDependencies/index.html index 9a66f823..0363c8bc 100644 --- a/docs/recipes/UpdatingDependencies/index.html +++ b/docs/recipes/UpdatingDependencies/index.html @@ -9,9 +9,9 @@ - - - + + +

Updating Dependencies with Yarn Audit, Outdated and Upgrade

If you get a bunch of warnings in the git command output about vulnerabilities, similar to this: remote: Github found 80 vulnerabilities on <branch>..., you can examine these vulnerabilities with yarn audit, get a list of outdated packages with yarn outdated, and update each dependency using yarn update

+

Updating Dependencies with Yarn Audit, Outdated and Upgrade

If you get a bunch of warnings in the git command output about vulnerabilities, similar to this: remote: Github found 80 vulnerabilities on <branch>..., you can examine these vulnerabilities with yarn audit, get a list of outdated packages with yarn outdated, and update each dependency using yarn update

Yarn Audit Checks for known security issues with the installed packages. Issue the command from the root of your project. The output is a list of known issues.

Usage:

yarn audit
diff --git a/docs/recipes/UpdatingIgnite/index.html b/docs/recipes/UpdatingIgnite/index.html index 9c4e81db..af248ce7 100644 --- a/docs/recipes/UpdatingIgnite/index.html +++ b/docs/recipes/UpdatingIgnite/index.html @@ -9,9 +9,9 @@ - - - + + +

Updating Ignite boilerplate with ignite-diff-purge

Many React Native developers aks this question:

+

Updating Ignite boilerplate with ignite-diff-purge

Many React Native developers aks this question:

How can I update my Ignite boilerplate with the latest changes from the Ignite boilerplate?

diff --git a/docs/recipes/UsingScreenReaders/index.html b/docs/recipes/UsingScreenReaders/index.html index 098c25af..f88ee464 100644 --- a/docs/recipes/UsingScreenReaders/index.html +++ b/docs/recipes/UsingScreenReaders/index.html @@ -9,9 +9,9 @@ - - - + + +

Using Screen Readers

+

Using Screen Readers

iOS​

On a simulator​

Setting it up diff --git a/docs/recipes/Zustand/index.html b/docs/recipes/Zustand/index.html index 6ea95ea9..1d12fbe6 100644 --- a/docs/recipes/Zustand/index.html +++ b/docs/recipes/Zustand/index.html @@ -9,9 +9,9 @@ - - - + + +

Zustand

+

Zustand

Zustand is a "bearbones" state management solution (hence the cute bear mascot). Its a relatively simple and unopinionated option to manage application state, with a hooks-based API for easy use in a React app.

This guide will show you how to migrate a MobX-State-Tree project (Ignite's default) to Zustand, using a new Ignite project as an example:

diff --git a/docs/tags/accessibility/index.html b/docs/tags/accessibility/index.html index e92d2ca3..ce41e40b 100644 --- a/docs/tags/accessibility/index.html +++ b/docs/tags/accessibility/index.html @@ -9,9 +9,9 @@ - - - + + +

3 docs tagged with "Android"

View All Tags
+

6 docs tagged with "Android"

View All Tags
\ No newline at end of file diff --git a/docs/tags/apisauce/index.html b/docs/tags/apisauce/index.html index 2ec88352..84336922 100644 --- a/docs/tags/apisauce/index.html +++ b/docs/tags/apisauce/index.html @@ -9,9 +9,9 @@ - - - + + +
\ No newline at end of file diff --git a/search/index.html b/search/index.html index 620d2c65..d38210f7 100644 --- a/search/index.html +++ b/search/index.html @@ -9,9 +9,9 @@ - - - + + +