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] |