Nicholas Kuchiniski NicholasKuchiniski

## App.tsx
import BottomSheet, { BottomSheetView } from '@gorhom/bottom-sheet';
import { StyleSheet, Text, useWindowDimensions } from 'react-native';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
import { SafeAreaProvider, useSafeAreaInsets } from "react-native-safe-area-context";

function App() {
  const dimensions = useWindowDimensions();
  const insets = useSafeAreaInsets();

## .gitattributes
config/* linguist-vendored
public/* linguist-vendored
scripts/* linguist-vendored

## file.sh
docker inspect -f '{{.Name}} - {{.NetworkSettings.IPAddress }}' $(docker ps -aq)

## setup.sh
docker run -d -p 1521:1521 -p 5500:5500 -it --name dockerDB1 container-registry.oracle.com/database/enterprise:12.2.0.1-slim

## file.sh
docker login -u SEUEMAIL container-registry.oracle.com

## IncrementValue.js

function setup () {
  return {
    obj: { val: 1 },
    increment() { return Object.assign(this.obj, { val: this.obj.val + 1 })},
  }
}

const object = setup();

## sampleInfiniteScroll.js
const DataTable = ({ data }) => {
  const [items, setItems] = useState();

  const remove = () => {
    ///...
  }

  const fetchMoreData = () => {
    setTimeout(() => {
      setItems([data, ...data])

## invert.html
<html>
   <head>
      <title>Invert color on mouse position change</title>
   </head>
   <body style="display: flex; margin: 0px;">
      <div id="scroll" style="height: 52px;width: 52px;filter: invert(100%);position: absolute;background: #000;border-radius: 100%;"></div>
      <div style="background: pink; height: 100vh; width: 50vw"></div>
      <div style="background: yellow; height: 100vh; width: 50vw"></div>
   </body>
   <script>

## useVars.css
.text-primary{
color: var(--primary-color);
}
.text-secondary{
color: var(--secondary-color);
}

## vars.css
:root{
  --primary-color: blue;
  --secondary-color: purple;
}
	import BottomSheet, { BottomSheetView } from '@gorhom/bottom-sheet';
	import { StyleSheet, Text, useWindowDimensions } from 'react-native';
	import { GestureHandlerRootView } from 'react-native-gesture-handler';
	import Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
	import { SafeAreaProvider, useSafeAreaInsets } from "react-native-safe-area-context";

	function App() {
	const dimensions = useWindowDimensions();
	const insets = useSafeAreaInsets();
	config/* linguist-vendored
	public/* linguist-vendored
	scripts/* linguist-vendored

	function setup () {
	return {
	obj: { val: 1 },
	increment() { return Object.assign(this.obj, { val: this.obj.val + 1 })},
	}
	}

	const object = setup();
	const DataTable = ({ data }) => {
	const [items, setItems] = useState();

	const remove = () => {
	///...
	}

	const fetchMoreData = () => {
	setTimeout(() => {
	setItems([data, ...data])
	<html>
	<head>
	<title>Invert color on mouse position change</title>
	</head>
	<body style="display: flex; margin: 0px;">
	<div id="scroll" style="height: 52px;width: 52px;filter: invert(100%);position: absolute;background: #000;border-radius: 100%;"></div>
	<div style="background: pink; height: 100vh; width: 50vw"></div>
	<div style="background: yellow; height: 100vh; width: 50vw"></div>
	</body>
	<script>
	.text-primary{
	color: var(--primary-color);
	}
	.text-secondary{
	color: var(--secondary-color);
	}