krystalcampioni

export function getBarId(id: string, groupIndex: number, seriesIndex: number) {
  return `${id}-series-${groupIndex}-${seriesIndex}`;
}

export function removeFalsyValues(object) {
  return Object.entries(object)
    .filter(([_, value]) => value != null)
    .reduce((acc, [key, value]) => ({...acc, [key]: value}), {});
}

krystalcampioni

export const SPACING_TIGHT = Number(variables.spacingTight);
export const SPACING_EXTRA_TIGHT = Number(variables.spacingExtraTight);
export const SPACING = Number(variables.spacing);
export const SPACING_BASE_TIGHT = Number(variables.spacingBaseTight);
export const SPACING_LOOSE = Number(variables.spacingLoose);

export const BASE_ANIMATION_DURATION = 200;
export const LOAD_ANIMATION_DURATION = 500;
export const BAR_ANIMATION_HEIGHT_BUFFER = 20;

krystalcampioni

import React from 'react';
import Svg, {
   Circle,
  Rect
} from 'react-native-svg';

function SomeComponent() {
  return (
     <Svg viewBox='0 0 100 100'>
        <Circle

krystalcampioni

export function usePrefersReducedMotion() {
  const prefersReducedMotion =
    typeof window === 'undefined'
      ? false
      : window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  return {prefersReducedMotion};
}

krystalcampioni

import {AccessibilityInfo} from 'react-native';

export function usePrefersReducedMotion() {
  AccessibilityInfo.isReduceMotionEnabled()
    .then((result) => {
      return { prefersReducedMotion: result };
    })
    .catch((error) => {
      return { prefersReducedMotion: error };
    });

krystalcampioni

import React, {useState} from 'react';
import {View, Text, Button} from 'react';

export function HelloWorldApp() {
  const [count, setCount] = useState(0)

  return (
    <View>
      <Text>You clicked {count} times</Text>
      <Button onPress={() => setCount(count + 1)}> 

krystalcampioni

import React, {useState} from 'react';

export function HelloWorldApp() {
  const [count, setCount] = useState(0)

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}> 
        Click me!

krystalcampioni

import React from 'react';
import {Text, View} from 'react-native';

export function HelloWorldApp() {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',

krystalcampioni

import React from 'react';

export function HelloWorldApp() {
  return (
    <div
      style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    }}>

krystalcampioni

<BarChart
   data={[
      {
        name: 'Ordered Items',
        data: OrderedItemsDataPoints
        color: GreenGradient,
      },
    ]}
/>