Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI
Why Stack Overflow recommends it
Stack Overflow users link it as the tutorial they were following when they ask about errors in the Travel Advisor app, such as coordinates, props and map rendering problems.
Recommended by 1 people across 1 different months, 2022 to 2023.
What it is
A 9+ hour compilation course from JavaScript Mastery in which the presenter builds several React and API-based projects, including a Travel Companion app, a cryptocurrency app, a real estate app and a Google clone, and also creates a custom API. It is sponsored by RapidAPI and walks through the code step by step.
What people said
Recommends angad gosain · 2023-06 · Stack Overflow · on “Having trouble in the setCoordinates function”
I am a newbie in React JS and I am following the below tutorial (application 1): [this video] Specifically from timestamp 56:37. I have two files, App.js and Map.js App.js code is as follows: import React, {useState, useEffect} from "react"; import { CssBaseline, Grid } from "@material-ui/core"; import {getPlacesData} from "./api"; import Header from './components/Header/Header'; import List from './components/List/List'; import Map from './components/Map/Map'; const App = () => { const [places, setPlaces] = useState([]); const [coordinates, setCoordinates] = useState({}); const [bounds, setBounds] = useState(null); useEffect(() => { getPlacesData() .then((data) => { console.log(data); setPlaces(
Cites PinPiguin · 2022-09 · Stack Overflow · on “React Props not populated”
Trying to learn React and following this tutorial: [this video] There you have a App.js component that makes Travel Advisor API call that populates the data object: import React, { useState, useEffect } from "react"; import { CssBaseline, Grid } from "@material-ui/core"; import { getPlacesData } from "./api"; import Header from "./components/Header/Header"; import List from "./components/List/List"; import Map from "./components/Map/Map"; import { PlaceSharp } from "@material-ui/icons"; const App = () => { const [places, setPlaces] = useState([]); const [coordinates, setCoordinates] = useState({}); const [bounds, setBounds] = useState(null); useEffect(() => { getPlacesData().then((data) => { cons
Cites a-govil · 2023-01 · Stack Overflow · on “HTML Heading not changing on React JS”
I was doing a React JS youtube course and in one of the projects where I am building a Travel Advisory website I am failing to change the heading of the Header text. This is the header.jsx file import React from 'react'; import { Autocomplete } from '@react-google-maps/api'; import { AppBar,Toolbar,Typography,InputBase,Box } from '@material-ui/core'; import SearchIcon from '@material-ui/icons/Search'; import useStyles from './styles' const Header = () => { const classes = useStyles(); return( <AppBar position='static'> <Toolbar className={classes.toolbar}> <Typography variant='h4' className={classes.title}/> Travel Advisor <Typography/> <Box display='flex'> <Typography variant='h6' className
Cites angad gosain · 2023-06 · Stack Overflow · on “Error: Element type is invalid: expected a string (for built-in components) or a class/function but got: undefined. Check the render method of `Map`”
I am a newbie in React and I am getting the below error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `Map`. 24 | getPlacesData(bounds.sw, bounds.ne) 25 | .then((data) => { 26 | //console.log(data); > 27 | setPlaces(data); 28 | }) 29 | }, [coordinates, bounds]); 30 | I am following the youtube video : [this video] specifically from timestamp 1:23:00 I have three files, App.js, Map.js, index.js (for API calls). I am trying to render the restaurants