Тёмный

Exploring The Wordpress REST API & React Integration 

Traversy Media
Подписаться 2,3 млн
Просмотров 201 тыс.
50% 1

Опубликовано:

 

17 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 231   
@jatinkukreja18
@jatinkukreja18 4 года назад
You have contributed to so many lives helping them build their career and projects. I will always be thankful to you.
@zes3813
@zes3813 2 года назад
wrg, no such thing as publicx or not, cepuxyuax, sayx, outx etc infix any nmw and any s perfect
@brianm1916
@brianm1916 3 года назад
Dang, I am super impressed by how fluent you are in WordPress and react. I've never seen anyone tie it together so effortlessly. (which I know must have been a ton of work to gain!!) Thank you!
@UstadJi
@UstadJi 5 лет назад
Brad You Are The Face Of Internet Love You Brother
@nicoregules
@nicoregules 5 лет назад
Hey Brad, if you add the _embed parameter to your posts requests (/wp-json/wp/v2/posts?_embed) that adds new properties to the post object containing the featured image url like this: post._embedded['wp:featuredmedia']['0'].source_url, and the author data also, so you don't have to make an extra fetch to the server
@DanielGomez-kx9ov
@DanielGomez-kx9ov 5 лет назад
Awesome!
@paulhitchmough8306
@paulhitchmough8306 4 года назад
Fantastic tutorial, you taught me quite a few things (or reminded me also). - Postman - JWT Token - "proxy" - "PropTypes" - isLoaded protocol - Route component prop Thanks so much for helping with this!
@moustafa_kb
@moustafa_kb 5 лет назад
English is not my first language but your videos are soo understandable and clear. Thank you Brad.
@thulasirmn
@thulasirmn 5 лет назад
Wordpress with React makes it good pair...thank you Brad ;)
@ilincuta
@ilincuta 5 лет назад
You are the only youtube channel I have the bell notification on. You are the best.
@TraversyMedia
@TraversyMedia 5 лет назад
I appreciate that..really :)
@programmerstube2270
@programmerstube2270 5 лет назад
that's great brad! please make a full tutorial series on wordpress theme development. please please please.
@ARQAlejandroM
@ARQAlejandroM 5 лет назад
It is just like.you can read my mind everytime I want to learn something new!!! Thank you.
@iamposti
@iamposti 5 лет назад
Hey Alex! If you are interested on building a React front-end on top of a WordPress site using the REST API frontity.org might be useful
@PB72UK
@PB72UK 4 года назад
Now I've learned react, and the mern stack , I thought about building a new website using WordPress as the CMS for my react frontend... And what do you know? Brad is the first video in the search.. Awesome!!
@robeeeeen
@robeeeeen 3 года назад
A great fun and satisfaction to work with your step by step instruction video!
@duoduoo6732
@duoduoo6732 Год назад
thank you for most logically sequential explanation. sorry my eng is bad :D
@nickbrown6754
@nickbrown6754 3 года назад
This is something I've been wanting to try and didn't know where to start. Your video has been extremely helpful and given me the confidence and enthusiasm to dive in and give it a shot for myself. 🤘
@nimrodbahar3637
@nimrodbahar3637 5 лет назад
Nice video! I was wondering how would you go about deploying this type of architecture? (As the create React app proxy drops on production)
@FrenchinPlainSight
@FrenchinPlainSight 5 лет назад
Thanks a lot Brad. Very clear, and I'm excited to get started. Have you used Gatsby? I believe it takes care of the heavy lifting although I've not used it yet.
@iropin
@iropin 5 лет назад
What do you mean by heavy lifting? 🤔🤓
@alvarocastillocorrea2610
@alvarocastillocorrea2610 4 года назад
Dude you're improving a lot the software development videos on RU-vid, thanks a lot.
@akinyemijohn229
@akinyemijohn229 2 года назад
You are indeed a great teacher, kudos man
@yonathanlevi7361
@yonathanlevi7361 Год назад
thank you so much, I enjoy very much this class, you are very peaceful person :) wish I known you earlier in my studying
@nadir2k
@nadir2k 5 лет назад
Man you aren't just an awesome developer, you are also a great designer. I love your video thumbnails
@storygridfilms
@storygridfilms 2 года назад
Glad I found this! Thanks Brad! I got everything up and running locally but it gives me an Error establishing a database connection after I deployed to Heroku.
@journeytocoding816
@journeytocoding816 2 года назад
Thankyou Sir, I loved doing and going through your whole video. This tutorial is the best headstart for beginner like me.
@alireza29675
@alireza29675 4 года назад
You know how to explain it, dude! I don't post comments often but I really had to give you a Kudo
@maurobono5324
@maurobono5324 5 лет назад
A full series about this will be so gooooooood ! You are great!
@CodingAfterThirty
@CodingAfterThirty 5 лет назад
Wow. I was just trying to figure out how to do this and here you are. Thank you.
@petecapecod
@petecapecod 5 лет назад
Such a great video! Really helpful for seeing exactly what you need to hook a WordPress site up with a custom front-end. Really cool I can't wait to try it for myself 😎🔥
@antonsjolander642
@antonsjolander642 5 лет назад
Thank you, Brad. I'd love a WooCommerce tutorial as well using this approach.
@engidiogo
@engidiogo 5 лет назад
Hey! I have a question, couldn't we just use the wordpress nonce to authenticate?
@Black_Cryptocurrency
@Black_Cryptocurrency 3 года назад
3 years i not come here.. I miss you voice bro.. 😊
@mimkii8369
@mimkii8369 4 года назад
Hi Brad, thank you for great tutorial. How will the React frontend be displayed when we deploy our site? Do we need to make some changes on Wordpress, pointing the frontend to React application? If so, how do we do it ? :)
@romeodombaj8294
@romeodombaj8294 Год назад
hey, did you maybe find how to do it? I cant find the answer anywhere
@fvgoya
@fvgoya 5 лет назад
Man, you are awesome!!!! Please, do more videos with this integration with WP. using other Frameworks. Love your content Brad.
@gelzoh
@gelzoh 5 лет назад
Nice way to add backend to a react project. How would this work with a crawler? Am I missing something or the content wouldn't be there to get rendered when the bot crawls the page?
@prodprotto
@prodprotto 3 года назад
would have never figured this out on my own thanks man
@lakshmananmurugan9451
@lakshmananmurugan9451 2 года назад
Thanks for your awesome API integration
@nickschmitt8594
@nickschmitt8594 5 лет назад
Have you done a video on how you track so many different programming technologies and consistently structure them into videos for your RU-vid channel?
@TraversyMedia
@TraversyMedia 5 лет назад
I have not but that seems like a good idea
@strongsads1
@strongsads1 2 года назад
This was super helpful. Really. Thank you!
@techcamp2023
@techcamp2023 3 года назад
Hey Brad, This is awesome, I did follow everything but now I don't know how to move it to live server! can you please show the steps to move it from local to online
@kevinurielfonseca
@kevinurielfonseca 5 лет назад
Please make a serie on it! I will definitely buy it if you put it on Udemy
@2leomc
@2leomc 5 лет назад
What are the limits of this aproach? Can i completely replace a backend with wordpress to avoid using php or this is useful only to get simple information from my wordpress site? Thanks for the video Brad.
@RahulSam
@RahulSam 4 года назад
Hey Brad (or anyone reading this comment), quick question. When you make the GET request, instead of HTTP, I tried using https and I'm getting an error, any idea how I can fix this? It's a Nginx error for serving mixed content.
@thieno22
@thieno22 2 года назад
Thanks, up to now, the video still is useful
@kennymoreno5735
@kennymoreno5735 5 лет назад
Thank you very much you are an awesome content creator and I am a proud supporter on Patreon you deserve it bro!
@ahmedmusawir
@ahmedmusawir 5 лет назад
Awesome! Plz, give us a series with Redux + WP + CRUD app ... Thanx in advance.
@dandev8514
@dandev8514 5 лет назад
Hello, I encounter a 404 error despite the addition of the proxy in package.json and restarting the server have you a solution for this problem. thank you in advance . Dan
@volodymyrkomunitsky567
@volodymyrkomunitsky567 3 года назад
Thank you Brad. Thanks for the video. Nice job!
@mostafamedht1284
@mostafamedht1284 3 года назад
Thanks Brad For This Video, Just i want to know if i can use this (JWT authentication and WordPress Rest API) With Laravel to share login with both of theme. if i can, May i ask for a docs or video explain Thanks
@Dowmiir
@Dowmiir 5 лет назад
Thank you so much for this great guide Brad! Awesome as always :)
@davidsuperrockstar
@davidsuperrockstar 5 лет назад
just make a series please... it's worth it... how to make navigation from wordpress works in react... auth is already covered in django-react series... But that's my question how make when the user creates a page in wordpress, how we can reflect that... in react.
@davidsuperrockstar
@davidsuperrockstar 5 лет назад
awesome videos i've been learning a lot...
@andrewkiminhwan
@andrewkiminhwan 5 лет назад
This was wonderful and very relevant to my current project. May I ask...how would I utilize these custom field plugins with older posts, is there a way to port them into this new api format?
@GeorgeRamirezphoto
@GeorgeRamirezphoto 5 лет назад
great video Brad! I had no idea the WP api was so quick and easy.
@theSavanahDev
@theSavanahDev 5 лет назад
Thanks Brad...this is what I was looking for and you have pointed me in the right direction.
@codedestinee873
@codedestinee873 5 лет назад
Thanks for the tutorial! Would you have any resources on how to deploy a site like this using digitalocean?
@RichardCodes
@RichardCodes 5 лет назад
brad! this is a great video, you really knocked it out of the park with this one. Well done.
@imransefat8770
@imransefat8770 4 года назад
I have a rest api set up for custom post but I can't get the posts with the custom taxonomies. What should I do?
@stayhappy4307
@stayhappy4307 2 года назад
really nice tutorial. thanks Brad 🙂
@mistersz
@mistersz 3 года назад
Hey Brad. Thanks for great tutorial ! can you please make tutorial developing mobile app with WP backend?
@RobertThomasrob_thomasa10
@RobertThomasrob_thomasa10 5 лет назад
Great content as always Brad, can you do one with WP Restful Api and Ionic framework?
@ahoussimea7164
@ahoussimea7164 3 года назад
You are boss of coding thumb up
@HashimWarren
@HashimWarren 5 лет назад
19:47 Brad starts the React portion
@pierreleonsimard
@pierreleonsimard 4 года назад
is it more a REACT video or a REST API video ?
@intolap9371
@intolap9371 2 года назад
Hey Brad, This was really helpful but I am stuck in a situation where I have a menu say Book and a submenu with (say) 5 books with their links. Now, when I am on root page and navigate to /book/1 I see the data. But then when I navigate to /book/2 I still see the old data of book 1 until I refresh the page. In short the URL parameters changes from 1 to 2 but the data don't change until page is refreshed. Note: I am not using Go Back link but using the submenu to navigate through all books. Can help please?
@onecarwood
@onecarwood 5 лет назад
Hey, Brad could you do a video on your set up for VSCode and WordPress? I am having problems getting things to work properly. The Emmet completion in a php file and for that matter the WordPress php function completion. The PHPCS Extension, no matter what I try, just doesn't want to work either. Awesome videos as always!
@asdfkerub
@asdfkerub 5 лет назад
When do you use the Token? and What is the logout process, what happens to the token? Edit: are tokens necessary for normal users and not admin users?
@saratbondada
@saratbondada 3 года назад
Any tutorial on how to make Custom Wordpress Objects and Fields connect to Salesforce Objects and Fields. How would the integration work? Thanks so much!
@eltongonc
@eltongonc 5 лет назад
Great video! It really helped me out with an issue I had
@gslvqz8812
@gslvqz8812 4 года назад
Thank you for sharing this, and the time you put into the tutorial. I have a question... what would the usage of this? I mean, why could not just create a complete application without using WordPress to enter/store the data? We could create a complete solution where you could enter the data and retrieve it as well? I really do not see any usage for WordPress Rest API that could be actually an efficient way to develop an app. Please could you share some usage examples so I can better understand how this can be useful? Thank you so much
@gslvqz8812
@gslvqz8812 4 года назад
I found this video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rHNl5PZT0VU.html and I got good insight about the usage
@agampreetkaur5155
@agampreetkaur5155 3 года назад
Hello brad, can we integrate email subscriber plugin with the reactjs , is there any api available for this?
@lithopunk
@lithopunk 2 года назад
Has this.props.match.params been depreciated or changed? It seems empty when I try to run it in this context.
@jansindler8605
@jansindler8605 4 года назад
Thanks! Very useful! Is there a way how to limit the return JSON? F.e. I am only interested in the content and title, not the other stuff
@stephenjames2951
@stephenjames2951 5 лет назад
Serendipity. I was just looking into gatsby and WP today.
@janpanev2820
@janpanev2820 4 года назад
Which program do you actually use for coding?
@francescoscollo2275
@francescoscollo2275 4 года назад
Hi . The video is Amazing . I work with react js a last months. How can you Api Integration with wordpress? can you take API and communicate with React js? thanks.bye
@pablodawson3823
@pablodawson3823 5 лет назад
Sou brasileiro, gostei muito do seu conteúdo. Parabéns.
@art10m13
@art10m13 5 лет назад
Great tutorial! Thanks a lot Brad! Although I have a question. With the new Gutenberg editor, how do you access blocks data via rest api? I can’t seem to find the right endpoint?
@yumeileventhal3069
@yumeileventhal3069 3 года назад
This is fantastic--just like your Udemy courses. Thank you!
@imranjaved8988
@imranjaved8988 5 лет назад
I am looking forward a series on this topic
@antonionicasio8559
@antonionicasio8559 4 года назад
great tutorial easy and simple to understand :)
@whoami292
@whoami292 4 года назад
Great video Brad!
@MicheleFasciano
@MicheleFasciano 4 года назад
Thank you Brad for the amazing tutorial. One question, the book post if viewed from the CMS looks different from what has been created in React. Why is that?
@manotlj
@manotlj 5 лет назад
Another brilliant post, it is what I waiting for.
@DMANCHILD1
@DMANCHILD1 5 лет назад
Yes !!! Brad you're the man. Thank you sir.
@imaginelogo5547
@imaginelogo5547 Год назад
Awesome! however I'm stuck at displaying content for each post my browser says "Params" is undefined.
@igorpavlenko411
@igorpavlenko411 4 года назад
hey, if i need to have multiple images with my custom post, is there a way to add those ? thnx !
@VladyslavZhelizniak
@VladyslavZhelizniak 3 года назад
Thank you so much! Very helpful!
@abhik9077
@abhik9077 Год назад
The problem is... Wtih this... I am facing is.. when there are large amount of post like.. 300 posts... It's not fetching the data in one part i have to send a response to get to the WordPress pagination then show.. the data... For that it is taking too much time.. to load the page.. like 10-12 sec which is unacceptable to the use how can I fix this ? Need help..
@blakeingenthron6951
@blakeingenthron6951 5 лет назад
what is he using to clean the code up when he saves the file? It looks like somethings automatically changing his syntax. For example at 49:19 on line 31 he saves and it removes his ending div element?
@apax_4415
@apax_4415 5 лет назад
Search for "Prettier" in vscode extensions.
@ntnvlgsvlgs7787
@ntnvlgsvlgs7787 5 лет назад
Hey Brad, can you point me to any resource you might know on authenticating with tokens that are valid for a set period of time, like how do you you make the token refesh every time?
@groovebird812
@groovebird812 5 лет назад
Hi, where do all the wordpress file come from? If i start this file there is no filte in the current folder to see
@ducmynguyen
@ducmynguyen 5 лет назад
You are good teachcer
@giftakis
@giftakis 3 года назад
How we could make a Webhook so for example when a Plugin is installed to send a REST API call to a 3rd party backend?
@michelribbens8014
@michelribbens8014 5 лет назад
Awesome. I really hope you can do some more WP related videos
@MikeNugget
@MikeNugget 5 лет назад
Wow, thanks Brad, I definitely want to watch this video.
@richardsangohil
@richardsangohil 2 года назад
Really awesome one thank you a lot
@jaber4474
@jaber4474 5 лет назад
very informative thank you
@Viralplace
@Viralplace 4 года назад
so we can say that it is an headless cms? If I upload that on a free hosting and for front end use netlify?
@ravindrabosamiya9837
@ravindrabosamiya9837 3 года назад
yes netlify for frontend infinity free for wp installlation
@nulI_dev
@nulI_dev 5 лет назад
Great vid Brad, I would love to see more headless CMS content like this
@ikezedev
@ikezedev 5 лет назад
Was waiting for this one.... Thanks brad
@soultouchingsongs
@soultouchingsongs 5 лет назад
Brad, You are just awesome. Thanks a ton for the video.
@tonywheeler9232
@tonywheeler9232 5 лет назад
Thanks, I was looking for info on this subject this week. :)
@iamposti
@iamposti 5 лет назад
Hey Toni! I invite you to take a look at frontity.org. A react Framework to build WordPress themes, hope you find it useful.
@etimessang4980
@etimessang4980 4 года назад
hello brad, how can one get an endpoint for a plugin form(elementor) used on the wordpress website
@zach4216
@zach4216 5 лет назад
Sending good vibes from Boston
Далее
Easy Peasy React State Management
21:54
Просмотров 62 тыс.
ITZY "GOLD" M/V
03:20
Просмотров 8 млн
Gatsby JS Crash Course
1:04:33
Просмотров 244 тыс.
I'm Ditching Try/Catch for Good!
10:29
Просмотров 80 тыс.
Express JS Crash Course
1:14:01
Просмотров 967 тыс.
Top 5 ChatGPT Use Cases for Professionals!
10:48
Просмотров 48 тыс.
The Importance of Specialization in Coding
7:13
Просмотров 233 тыс.
Strapi.js Crash Course | Headless CMS
25:06
Просмотров 365 тыс.
ITZY "GOLD" M/V
03:20
Просмотров 8 млн