Go to https://reactrouter.com/web/example/nesting, then replace the code example for the nesting case with this code.
- API untuk data starwars: https://swapi.dev/
- API untuk tokoh starwars dengan foto-fotonya: https://github.com/akabab/starwars-api
- API untuk film starwars dari swapi dengan poster fotonya: http://www.omdbapi.com/?apikey=API_KEY&t=star-wars-jedi
Melakukan Filter data Starwars dari OMDB API sesuai dengan data dari omdb API dan swapi API.
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 React from 'react'; | |
| import { | |
| ChakraProvider, | |
| Grid, | |
| Box, | |
| Flex, | |
| List, | |
| ListItem, | |
| Heading, | |
| } from '@chakra-ui/react'; |
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
| // Closure is a function which can be stored on a variable | |
| package main | |
| import { | |
| "fmt" | |
| } | |
| func main() { | |
| var numbers = []int{2, 3, 4, 5, 6, 7, 8, 9} |
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
| // You can edit this code! | |
| // Click here and start typing. | |
| package main | |
| import ( | |
| "fmt" | |
| "math" | |
| ) | |
| type Shape interface { |
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
| type Employee struct { | |
| Name string | |
| Age int | |
| Height float32 // cm | |
| Gender string | |
| PositionName string | |
| MonthsOfService int | |
| Department string | |
| } |
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
| 'use strict'; | |
| const fs = require('fs'); | |
| process.stdin.resume(); | |
| process.stdin.setEncoding('utf-8'); | |
| let inputString = ''; | |
| let currentLine = 0; |
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
| CREATE TABLE IF NOT EXISTS USERS ( | |
| ID serial primary key not null, | |
| UserName varchar(200)null, | |
| Parent int not null | |
| ); | |
| INSERT INTO USERS (UserName, Parent) VALUES ('Ali', 2) | |
| INSERT INTO USERS (UserName, Parent) VALUES ('Budi', 0) | |
| INSERT INTO USERS (UserName, Parent) VALUES ('Cecep', 1) |
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 { useState, useRef } from 'react'; | |
| type AudioRecorderProps = { | |
| onRetryRecording: () => void; | |
| onRecordingComplete: (audioBlob: Blob) => void; | |
| } | |
| export function AudioRecorder({ | |
| onRetryRecording, | |
| onRecordingComplete, |