Add the package name you want to your package.json dependencies, and then make the value npm:<actual-package-name>
. You can also add a version to the end.
package.json
{
"dependencies": {
"moti18": "npm:moti@0.18.0"
}
}
import { | |
MaskOptions, | |
addChildren, | |
applyMask, | |
createStrengthenMask, | |
createTheme, | |
createWeakenMask, | |
} from '@tamagui/create-theme' | |
import { mauve, slate, mauveDark, slateDark } from '@tamagui/colors' |
Add the package name you want to your package.json dependencies, and then make the value npm:<actual-package-name>
. You can also add a version to the end.
package.json
{
"dependencies": {
"moti18": "npm:moti@0.18.0"
}
}
First, copy the config plugin from this repo: https://github.com/gaishimo/eas-widget-example
You can reference my PRs there too (which, at the time of writing, aren't merged).
After adding the config plugin (see app.json
) with your dev team ID, as well as a bundle ID, you can edit the widget
folder to edit your code. Then npx expo run:ios
(or npx expo run:android
).
After npx expo run:ios
, open the ios
folder, and open the file that ends in .xcworkspace
in XCode. Make sure you have the latest macOS and XCode versions. If you don't, everything will break.
import { | |
FormProvider, | |
useForm, | |
useWatch, | |
useFormState, | |
useFormContext, | |
Path, | |
ControllerProps, | |
Controller, | |
UseFormProps, |
import { getConfig } from '@expo/config' | |
import fs from 'fs' | |
import spawnAsync from '@expo/spawn-async' | |
import chalk from 'chalk' | |
import path from 'path' | |
const appDir = process.cwd() | |
console.log() | |
console.log(chalk.green('Sentry source maps script. Working directory:')) |
https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta
Add the following resolutions to your package.json
:
{
"resolutions": {
"@babel/preset-typescript": "^7.21.0",
This hook lets you use pagination from URQL. I needed a better solution for React Native and infinite lists.
It also has a pullToRefresh
option. Since URQL's pull to refreshes are so insanely flickery, I decided to fake this completely, and make it pretend to spin for one second (plenty for most calls).
It comes with typesafety too.
const document = graphql(`
query Users($limit: Int!, $offset: Int!) {
users(limit: $limit, offset: $offset) {
import * as React from 'react'; | |
import { View, StyleSheet } from 'react-native'; | |
let isEnabled = false; | |
// the following logic comes from the creator of react-native-web | |
// https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a | |
// it's also used by MotiPressable's hover interactions | |
// https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx |
Are you looking for TypeScript 5.0 support?
Add the following resolutions to your package.json
:
{
"resolutions": {
"@babel/preset-typescript": "^7.18.6",
const withPlugins = require('next-compose-plugins') | |
const getTranspiledPackages = () => { | |
const path = require('path') | |
const fs = require('fs') | |
const node_modules = path.resolve(__dirname, '../..', 'node_modules') | |
const monorepoScope = '@beatgig' |