BUILD A WEATHER APP JAVASCRIPT API PROJECT WITH REACTJS HOOKS, ASYNC/AWAIT AND AXIOS | API TUTORIAL
39.2 هزار بار بازدید -
3 سال پیش
-
Hands down, the most popular
Hands down, the most popular API project for beginners must be the weather app API. We will build the weather app using javascript and ReactJS hooks, async/await as well as AXIOS and CSS modules!
*** IMPORTANT***☝
The API used in this challenge is down without signs of coming back :(
For other Weather API please refer to this new video BUILD A TYPESCRIPT REACT API PROJECT ... 🤗
***
The ReactJS Weather API Challenge will not only include working with more complex response, but it comes with a twist. Often times APIs aren't perfectly "fitting" into what the interface expects, so this challenge took a bit of a different direction and is about making some data manipulation before showing it to the user! And it's my ultimate favourite part about it!
You will learn how to use Hooks in ReactJS, how to create your own custom ones too, we refactor some functions and check that our code doesn't break depending on the response we're getting from the API. It's gonna be fun and challenging, but don't give up!
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!
Chapters:
00:00 Intro
00:53 The setup
02:46 What are we going to build?
03:20 Get to know the code
04:54 Let's start!
06:30 The Form
10:14 Build a custom React hook
15:34 Connect the Form with the hook
17:46 PropTypes
19:08 Work with the API
31:50 Fun with displaying the data
45:23 Wrapping up
Links:
Challenges' website - https://theultimateapichallenge.com/
React Weather API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
The Ultimate API Challenge's playlist:
THE ULTIMATE API CHALLENGE PLAYLIST |...
Check out my other social accounts:
Instagram: Instagram: _danascript_
Medium: Medium: _danascript_
Website: https://danascript.dev
#TheUltimateApiChallenge #ReactJSTutorial #WebDevelopmentPortfolio
*** IMPORTANT***☝
The API used in this challenge is down without signs of coming back :(
For other Weather API please refer to this new video BUILD A TYPESCRIPT REACT API PROJECT ... 🤗
***
The ReactJS Weather API Challenge will not only include working with more complex response, but it comes with a twist. Often times APIs aren't perfectly "fitting" into what the interface expects, so this challenge took a bit of a different direction and is about making some data manipulation before showing it to the user! And it's my ultimate favourite part about it!
You will learn how to use Hooks in ReactJS, how to create your own custom ones too, we refactor some functions and check that our code doesn't break depending on the response we're getting from the API. It's gonna be fun and challenging, but don't give up!
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!
Chapters:
00:00 Intro
00:53 The setup
02:46 What are we going to build?
03:20 Get to know the code
04:54 Let's start!
06:30 The Form
10:14 Build a custom React hook
15:34 Connect the Form with the hook
17:46 PropTypes
19:08 Work with the API
31:50 Fun with displaying the data
45:23 Wrapping up
Links:
Challenges' website - https://theultimateapichallenge.com/
React Weather API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
The Ultimate API Challenge's playlist:
THE ULTIMATE API CHALLENGE PLAYLIST |...
Check out my other social accounts:
Instagram: Instagram: _danascript_
Medium: Medium: _danascript_
Website: https://danascript.dev
#TheUltimateApiChallenge #ReactJSTutorial #WebDevelopmentPortfolio
3 سال پیش
در تاریخ 1400/03/23 منتشر شده
است.
39,277
بـار بازدید شده