npm install react-native-keyboard-controller

// iOS - adicionar ao Podfile
pod 'KeyboardController', :path => '../node_modules/react-native-keyboard-controller'

// Android - já configurado automaticamente

import { KeyboardProvider } from 'react-native-keyboard-controller';

export default function App() {
  return (
    <KeyboardProvider>
      <YourApp />
    </KeyboardProvider>
  );
}

npm install @legendapp/list

// Drop-in replacement para FlatList
import { FlashList } from '@legendapp/list';

// FlatList tradicional: 30-40 FPS
// FlashList: 55-60 FPS  
// LegendList: 60 FPS consistente

// Menos re-renders
// Melhor gerenciamento de memória

import Animated, { 
  useSharedValue, 
  withSpring,
  useAnimatedStyle 
} from 'react-native-reanimated';

function BouncyButton() {
  const scale = useSharedValue(1);
  
  const animatedStyle = useAnimatedStyle(() => ({
    transform: [{ scale: scale.value }]
  }));

  const handlePress = () => {
    scale.value = withSpring(0.95, {
      duration: 100,
      dampingRatio: 0.8
    });
  };



export default function ReactNativeEm2025() {
  return (
    <Animated.View style={animatedStyle}>
      <TouchableOpacity onPress={handlePress}>
        <Text>Pressione-me</Text>
      </TouchableOpacity>
    </Animated.View>
  );
}

import { Gesture, GestureDetector } from 'react-native-gesture-handler';

function SwipeCard() {
  const translateX = useSharedValue(0);
  
  const pan = Gesture.Pan()
    .onUpdate((event) => {
      translateX.value = event.translationX;
    })
    .onEnd(() => {
      if (Math.abs(translateX.value) > 100) {
        // Swipe para remover
        translateX.value = withSpring(
          translateX.value > 0 ? 300 : -300
        );
      } else {
        // Volta para posição original
        translateX.value = withSpring(0);
      }
    });

  return (
    <GestureDetector gesture={pan}>
      <Animated.View style={animatedStyle}>
        <Text>Arraste para os lados</Text>
      </Animated.View>
    </GestureDetector>
  );
}

// app.json - Expo
{
  "expo": {
    "ios": {
      "appClips": [
        {
          "name": "Meu App Clip",
          "bundleIdentifier": "com.app.clip",
          "targetName": "MyAppClip"
        }
      ]
    }
  }
}

import { Platform } from 'react-native';

function useAppClip() {
  const isAppClip = Platform.OS === 'ios' && 
    Platform.constants.interfaceIdiom === 'appClip';
    
  return { isAppClip };
}

function App() {
  const { isAppClip } = useAppClip();
  
  if (isAppClip) {
    return <AppClipExperience />;
  }
  
  return <FullApp />;
}

npm install @executorge/react-native

// Baixar modelo local
import { downloadModel } from '@executorge/react-native';

await downloadModel({
  modelName: 'llama-3.2-1b',
  quantization: 'q4_0'
});

import { useExecutorge } from '@executorge/react-native';

function AIChat() {
  const { generate, isLoading } = useExecutorge();
  const [messages, setMessages] = useState([]);
  
  const sendMessage = async (text) => {
    const response = await generate({
      prompt: text,
      maxTokens: 100,
      temperature: 0.7
    });
    
    setMessages(prev => [...prev, 
      { role: 'user', content: text },
      { role: 'assistant', content: response }
    ]);
  };
  
  return (
    <View>
      <FlatList data={messages} />
      <TextInput onSubmitEditing={sendMessage} />
    </View>
  );
}