Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching BUILD A TYPESCRIPT REACT API PROJECT USING A WEATHER API. ReactJS, TypeScript, TailwindCSS, Fetch. and this video is uploaded by danascript at 2022-11-30T10:00:09-08:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [6MKFKwwhbNo]
| Name | BUILD A TYPESCRIPT REACT API PROJECT USING A WEATHER API. ReactJS, TypeScript, TailwindCSS, Fetch |
| Video Uploader | Video From danascript |
| Upload Date | This Video Uploaded At 30-11-2022 18:00:09 |
| Video Discription | The TypeScript React Weather API Challenge ✨ project is the most longed for and it is finally here! We will learn how to use react with typescript (very typescript beginner friendly!) and will learn how to fetch data from an api in the context of react typescript. We will dive intro ReactJS, TypeScript, Fetch and TailwindCSS. In this project we will work with a search field that listens to the user's input and makes an API call to get a suggestion of top 5 locations the user might be looking for. Once the user submits the search we will make another api call and get the user the weather data ✨ If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, learn to code, create cool and interesting api projects which, by the end of the video, will be ready to be included in your web development portfolio! So if you were searching for things to build, api projects ideas for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode! Links: Challenges' website - https://theultimateapichallenge.com/ TypeScript React Weather API challenge page: https://theultimateapichallenge.com/challenges/weather-typescript-api Starter files: https://github.com/danascript/the-ultimate-api-challenge-weather-api-typescript The Ultimate API Challenge's playlist: https://www.youtube.com/playlist?list=PL0mGKoXn4Bs0-fJUNp_MhbNHNvSOsMUnq Deployed Project: https://test-api-deploy.vercel.app/ how to fetch data from api in react typescript, how to use react with typescript, how to use typescript in react, api call react typescript, react app using typescript, typescript react api, reactjs using typescript, typescript in react, typescript in reactjs, typescript in react tutorial, use typescript in react CHAPTERS: 00:00 intro 03:50 getting started 13:11 build the search UI 23:15 get to know the OpenWeather API 28:18 TypeScript intro and adding first types 34:07 first API call (geolocation) using fetch 48:14 second API call to get weather forecast 56:37 split the code components and hooks in typescript 01:06:47 API data, build the forecast UI, add typescript types 01:48:30 finished result of the weather app in react js and typescript using OpenWeather API Check out my other social accounts: Instagram: https://www.instagram.com/_danascript_ Medium: https://medium.com/@_danascript_ Website: https://danascript.dev [6MKFKwwhbNo] |
| Category | Education |
| Tags | typescript react api | react weather app tutorial | weather app javascript | weather app javascript api | weather app javascript using api | weather app javascript tutorial | build weather app javascript | api projects for beginners | api project tutorial | api project ideas | api project javascript | react js project weather | react tutorial | react js | typescript react project | typescript react | typescript tutorial | typescript project | typescript react tutorial |
