Build a GitHub Jobs App With React Hooks
Вставка
- Опубліковано 16 жов 2024
- React app that works with the GitHub Jobs API that includes search, filter, pagination, etc
Web Dev Simplified Channel:
/ webdevsimplified
Code:
github.com/Web...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Course Links:
www.traversyme...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia
Thank you so much Brad for having me on your channel! I really hope everyone enjoys this video.
nice work!
I hope your channel grows fast. Hats off to your consistency and dedication.
@@smsibasish Thanks. I feel my channel already has grown incredible quickly.
@@WebDevSimplified Yup I'm Your Sub Now From I Guess... ummm.... 5-6 Months I Guess...
I have always watched ur face on big screen now on Brad's channel I watch in small radius keep up the good work kyl and Brad god bless you both
The man who built Design and Development best community on UA-cam 🙌 is the one and only Brad Traversy.
I've been following Kyle for a long time.. He's a master at his works
His mental map of react is wicked.
You forgot “I’m Kyle and my job is to simplify the web for you” 😁
i really like this comment. lol
...so you can start building your dream projects sooner
... so if that sounds like interesting, make sure you subscribe to the channel, for more videos just like this one.
Can anyone help me how can I get the html code
@@samscam9103 the code was linked in the description but here it is: github.com/WebDevSimplified/GitHub-Jobs-API-React-App and if you looking for the html file it’s inside the public folder
I've always been a fan of Kyle, thanks Brad
Yo this is my man!! Kyle is straight up my favorite web Dev UA-camr, glad to see him on here. I hope some new people get to know his channel from this.
aye learning react rn, so good to see some react content!
My two favourite channels in one video ❤️
I started learning React.js today ..
Thanks Brad ❤
but that's Kyle 😂
Thank Kyle for this one :)
@@zaimcodes Yeah I know 😂 I'm learning React from Brad's udemy course.
Awesome idea for a video! Will be doing it later on today! Thanks Brad, thanks Kyle!
Two of my favorite UA-camrs together! Awesome to see you working with Brad, Kyle!
Another high quality content! Thanks Brad.
You know, I once watched Kyle's video on how to make a clock using pure html and css. You'd be amazed what I created with that knowledge. Thanks Kyle.
Thank you for this, Kyle & Brad. We love you. Gonna follow this tutorial and build the project for my portfolio.
Web Dev Simplified + Traversy Media = WEb Dev Media. Thanks Brad and thanks Kyle
Brad, I really appreciate that you are supporting other channels and show us , as you said before, web dev community is not our opponent, we have to succeed together
Hey Brad , I bought your 3 courses on Udemy (HTML , Javascript &Projects ) Starting my journey into web development & I really couldn't think of any better teacher but you . Looking forward to learn a lot from you . Thank you so much for all the hard work you put in . We are greatful to have you ✌ Lot's of love - Charlie .
thanks kyle for this amazing tutorial and thanks brad for inviting him
I like the way Brad gives each programmer a short introduction.
Love the content on both of these channels. Keep up the great work! You both are huge inspirations
Whoaaaa !! What are you, man?
With super speed, you completed all functionality. Bow to You !!
Thanks a lot
That's so cool of you Brad to allow other content creators in your channel.
This is great! That's why I subbed to every guest on your channel.
I got a lot from this with the implementation of react in bootstrap and the implementation of axios. However, the way you explained and implemented your custom hook was so confusing. also the implementation of the pagination functionality? I love that this content is out there and feel so lucky that we have access to it. I only write this as a means of positive feedback. again big thanks for effort and time you put into this.
True. The way he used custom hooks was confusing.
I've learnt so much from Kyle's channel and I'm really grateful
Oh man, I'm a tough nut to crack but hearing Kyle's response to Brad's introduction just gave me goosebumps. Brad is an absolute frickin Legend!
This was great! I'm currently taking your React course on Udemy, and seeing this project gave a better understanding on a smaller scale.
Thought it was gonna be lot easier, but i learned new stuffs like "cancel Token" etc. Kudos to Traversy media channel and webDev simplified. ❤
Firstly Brad, Congrats for the 1 Million Subscribers, I am following you for a very long time, since the days you were making video tutorials on PHP. Thank you Brad for letting Kyle on your Channel. I am a fan of you both. You both make amazing coding tutorials. Keep up the awesome work both of you :)
You are really putting a Powerhouse of content creators together. Beyond yourself, I follow Kyle, Garry, Web Dev Ed, and Kevin Powell
I am a subscriber on his channel 😊 I learned react.js from him. Thanks Web Dev Simplified
!
Really good tutorial, thanks Kyle for sharing the knowledge and Brad for having you here
Thank you, Kyle and Brad, for such an informative and practical session. Loved this partnership and hope to see more..!! Total Blast :)
Brad, you are like a teacher to us. And we love whatever, you are doing with the channel. Just get well soon, bro!
ty. great tutorial. the best guest on your channel so far for sure :)
Oh my god!! I’m go glad you got web dev simplified!!
Not all SuperHeros wear Caps.. Welcome Back CAP !! You are the best one we got. So nice to see you.
My two fav devs together 🔥🔥🔥
Thanks a lot Brad! And ofc i follow both of you. Awesome video. Keep it going. 😘👌🏻
I tried to recreate this project without looking at your solution. According to wakatime it took me almost 16 hours. I did not use any css library like bootstrap or material UI, so the biggest chunk of this time(~9-10 hours) I spent on creating stylesheets, nonetheless I’m still impressed how fast you manage to code all of this.
Traversy Media, Web Dev Simplified and Code with Mosh these 3 channels are the best channels to learn Web developments with real world examples.
I'll take more WDS content anytime. Great choices on guest channels so far, especially this one!
Men Speed is Superb i have to get back to understand the concept fully .great Content BDW
he should change his channel name into: webDevSimplified using ASMR
ASMR ?
I'm a simple man. I see Brad's video I press like.
You are best and better than tech lead and other dev channels
very well done, I like project tutorials lime these because it contains practical knowledge you won't find until you stumble on the problem.
I highly appreciate all your contents, specially those related to JavaScript and react. I like this one too but the reducer part was a little hard to follow for me! However, thanks again for all your efforts ;)
I faced the cors problem yesterday when I was trying to fetch an API spent 1 hour finding about whether it the server problem or something I might have done wrong then i find out this solution on stackoverflow and this solution made my day 😉
I have the same error, how to fix it?
@@sergiyrudenko905 the same solution that he mentioned in the video sorry I forget to mention that😅
Two my favorite UA-camrs on a one video :)
This format is working. People are loving it. I wonder if this is a sign of things to come. Could Brad Traversy end up being the Joe Rogan of web development?
thanks, brad, i am a fan of yours my coding life started with your channel and now great respect has added into the stack as well due to your current decision of letting newcomers in in your channel❤❤
His tutorial was good and like how he has quick tutorials on React hooks.
Good to see you two collaborating now!!
Nice! Thanks so much for sharing and supporting other instructors.
The explanation and example of useReducer was awesome I think I get it now hahaha Excelent tutorial
Traversy media + web dev simplified = awesome tutorial 😎
very nice project! you both are my favorite.. thanks for putting such great content
I have a feeling I will see all my favourite UA-camrs on this channel. 😂
Hi Brad, hope you remember me from our email conversation. Anyway I would like to suggest Dev Ed as a guest, he would be great, he also looks up to you like most people do on here.
Hope you are OK bro
Nice!
How your comment have less likes than most of the people 😂 😂
Just came here to like the video :)
Would love to see Net Ninja in this series!
That just might happen :)
@@TraversyMedia Oh my god! U serious ? That would be a bliss for us to watch!
This is so awesome. Thanks so much, Brad and Kyle.
Wow my two favorite youtubers at one place
Hey Brad i love your content and it has helped me a lot , but a question bugs me all the time how do you learn a new technology , you definetly don't watch brad's videos like me🤣,so how do you do that ,and what resources should i follow??
I learn from documentation and video courses mostly (Udemy, Frontend Masters, Pluralsight, UA-cam) I also learn from other peoples code, written posts and occasionally, books
@@TraversyMedia I love how humble your response is.
@@TraversyMedia Thanks for replying man ,you really care about your audience .
Easy as coming home from church on sunday! - Agile Coder keep on!
glad to see Kyle make the big leagues. great stuff.
Thank you for this Kyle and Brad!
great job done sir .respect from my heart
Brad you are a gem.
Man this guy is smart as hell
It's very amazing series of video going on...
Thanks Brad for ur help.
Brad and Kyle
You both are awesome..
Stay blessed!
Superb tutorial. I would usually be reaching for Context here but it would have been a totally unnecessary abstraction. Now I know how to use React Bootstrap as well.
I would highly recommend setting up your own proxy server instead of relying on someone else's.
If for some reason it goes down, your application stops working and you are out of luck.
I recommend looking into Express and www.npmjs.com/package/cors
Your code is very clean. 👍🏻
Thanks for the tutorial, it was a bit fast for my pace but I managed it.
I always learn a lot from your channel brad you deserve a promotion XD :-D
anyway I know this will be a good video like always brad :D
Wow two rockers together, its amazing 🙌
Excellent tutorial! I learned so much! Thank you!
Whoa there, Hoss. Noho on the Roho. Go easy on the speed. I'm struggling to keep up.
Thank you for opening us up to Kyle's work. I can't wait for the Net Ninja's section.. When will we get him?
The Net Ninja is out there somewhere, waiting for the right moment to make his appearance on Brad's channel.
Thanks Kyle for that great project which I learned a lot of new stuff in if but I think there is one small bug with storing check box value
const value = target.value
should be target.type === "checkbox" ? target.checked : target.value
Thanks for having Kyle here Brad
Just great! I learned a lot. Thank you very much.
Awesome video, easy to follow. Thank you
Well done @Kyle too, Ur content Rocks!!!
I watched the full video. I don't even like react :) One of the Great Video
Really its great pleasure for me.Thanks Kyle
Cool! Thanks and stay safe Brad and fam!
Thanks Brad and Kyle! Please make another tutorial on MERN stack with REDUX.
OMG I AM SO HAPPY KYLE IS DOING THIS!! 😃 😃 😃 😃
THX man its really help i am improving my react skills
Bashing their design and documentation within the first 3 minutes. Are you trying today Github they should hire you :D
After spinning up your app, it takes around 10 seconds for jobs to load, on useEffect and on search
Another great guest.
I Guessed It Right! Kyle! :))))))))))))))))))))))))))))))))))))))))))))))))))
makes it look so easy lol, i was doing it a different way and wanted to see how he did it
Love web dev Simplified.♥️
I am getting a warning in the console --- ' A component is changing an uncontrolled input of type text to be controlled.'--- but everything is working. So I tried adding an alternate empty string in the value of the input field. -----value={params.description || ' ' }---. The warning did go away but I don't know if I should do what I did or just ignore the error cause the app works. can anyone help? thanks!
Great content as always from two of my favorite mentors Brad and Kyle!
Hi Brad, this tutorial no longer fetches API from github?
Or is there a new amendment that i need to make?
Do you find any ohter API. which fectes the job details like github api.?
@@shaiksajida6218 i can not get the github API to work for me yet.