This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<script src="https://unpkg.com/react@16/umd/react.development.js"></script> | |
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> | |
<script src="https://unpkg.com/[email protected]/babel.min.js"></script> | |
<title>Hello World</title> | |
</head> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useCallback, useState } from "react"; | |
import { StyleSheet, Text, View, ScrollView } from "react-native"; | |
import Modal from "react-native-modal"; | |
export default function App() { | |
const [visible, setVisible] = useState(false); | |
const showModal = useCallback(() => setVisible(true), []); | |
const hideModal = useCallback(() => setVisible(false), []); | |
return ( |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useCallback, useState } from "react"; | |
import { StyleSheet, Text, View, Modal as RNM } from "react-native"; | |
import Modal from "react-native-modal"; | |
export default function App() { | |
const [visible, setVisible] = useState(false); | |
const showModal = useCallback(() => setVisible(true), []); | |
const hideModal = useCallback(() => setVisible(false), []); | |
return ( |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useCallback, useState } from "react"; | |
import { StyleSheet, Text, View } from "react-native"; | |
import Modal from "react-native-modal"; | |
export default function App() { | |
const [visible, setVisible] = useState(false); | |
const showModal = useCallback(() => setVisible(true), []); | |
const hideModal = useCallback(() => setVisible(false), []); | |
return ( |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useCallback, useState } from "react"; | |
import { StyleSheet, Text, View } from "react-native"; | |
import Modal from "react-native-modal"; | |
export default function App() { | |
const [visible, setVisible] = useState(false); | |
const showModal = useCallback(() => setVisible(true), []); | |
const hideModal = useCallback(() => setVisible(false), []); | |
return ( |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const users = [ | |
{ | |
id: 1, | |
username: "supercoder", | |
}, | |
{ | |
id: 2, | |
username: "xXxSniperElitexXx", | |
}, | |
{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const users = [ | |
{ | |
id: 1, | |
username: "supercoder", | |
}, | |
{ | |
id: 2, | |
username: "xXxSniperElitexXx", | |
}, | |
{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const champions = [ | |
{ | |
name: "Darius", | |
level: 7, | |
}, | |
{ | |
name: "Katarina", | |
level: 4, | |
}, | |
{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const champions = [ | |
{ | |
name: "Darius", | |
level: 7, | |
}, | |
{ | |
name: "Katarina", | |
level: 12, | |
}, | |
{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const elements = Array(10).fill().map((a, i) => i); | |
// [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] |