Exploring The Wordpress REST API & React Integration

Поделиться
HTML-код
  • Опубликовано: 30 ноя 2024
  • НаукаНаука

Комментарии • 232

  • @jatinkukreja18
    @jatinkukreja18 5 лет назад +50

    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 года назад +4

    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!

  • @nicoregules
    @nicoregules 5 лет назад +42

    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

  • @ilincuta
    @ilincuta 5 лет назад +15

    You are the only youtube channel I have the bell notification on. You are the best.

  • @paulhitchmough8306
    @paulhitchmough8306 4 года назад +2

    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!

  • @programmerstube2270
    @programmerstube2270 5 лет назад +14

    that's great brad!
    please make a full tutorial series on wordpress theme development.
    please please please.

  • @moustafa_kb
    @moustafa_kb 5 лет назад

    English is not my first language but your videos are soo understandable and clear. Thank you Brad.

  • @UstadJi
    @UstadJi 5 лет назад +59

    Brad You Are The Face Of Internet Love You Brother

  • @ARQAlejandroM
    @ARQAlejandroM 5 лет назад +25

    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

  • @robeeeeen
    @robeeeeen 3 года назад +1

    A great fun and satisfaction to work with your step by step instruction video!

  • @akinyemijohn229
    @akinyemijohn229 2 года назад

    You are indeed a great teacher, kudos man

  • @thulasirmn
    @thulasirmn 5 лет назад +31

    Wordpress with React makes it good pair...thank you Brad ;)

  • @maurobono5324
    @maurobono5324 5 лет назад

    A full series about this will be so gooooooood ! You are great!

  • @alvarocastillocorrea2610
    @alvarocastillocorrea2610 4 года назад

    Dude you're improving a lot the software development videos on RUclips, thanks a lot.

  • @CodingAfterThirty
    @CodingAfterThirty 5 лет назад

    Wow. I was just trying to figure out how to do this and here you are. Thank you.

  • @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. 🤘

  • @nadir2k
    @nadir2k 5 лет назад +1

    Man you aren't just an awesome developer, you are also a great designer. I love your video thumbnails

  • @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!!

  • @duoduoo6732
    @duoduoo6732 Год назад

    thank you for most logically sequential explanation. sorry my eng is bad :D

  • @petecapecod
    @petecapecod 5 лет назад +1

    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 😎🔥

  • @alireza29675
    @alireza29675 5 лет назад

    You know how to explain it, dude!
    I don't post comments often but I really had to give you a Kudo

  • @nimrodbahar3637
    @nimrodbahar3637 5 лет назад +9

    Nice video! I was wondering how would you go about deploying this type of architecture? (As the create React app proxy drops on production)

  • @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

  • @Dowmiir
    @Dowmiir 5 лет назад +2

    Thank you so much for this great guide Brad! Awesome as always :)

  • @nickschmitt8594
    @nickschmitt8594 5 лет назад +3

    Have you done a video on how you track so many different programming technologies and consistently structure them into videos for your RUclips channel?

    • @TraversyMedia
      @TraversyMedia  5 лет назад +2

      I have not but that seems like a good idea

  • @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!

  • @fvgoya
    @fvgoya 5 лет назад +1

    Man, you are awesome!!!! Please, do more videos with this integration with WP. using other Frameworks. Love your content Brad.

  • @antonsjolander642
    @antonsjolander642 5 лет назад +3

    Thank you, Brad. I'd love a WooCommerce tutorial as well using this approach.

  • @journeytocoding816
    @journeytocoding816 3 года назад

    Thankyou Sir, I loved doing and going through your whole video.
    This tutorial is the best headstart for beginner like me.

  • @HashimWarren
    @HashimWarren 5 лет назад +6

    19:47 Brad starts the React portion

    • @pierreleonsimard
      @pierreleonsimard 4 года назад

      is it more a REACT video or a REST API video ?

  • @strongsads1
    @strongsads1 2 года назад

    This was super helpful. Really. Thank you!

  • @lakshmananmurugan9451
    @lakshmananmurugan9451 3 года назад

    Thanks for your awesome API integration

  • @GeorgeRamirezphoto
    @GeorgeRamirezphoto 5 лет назад

    great video Brad! I had no idea the WP api was so quick and easy.

  • @davidsuperrockstar
    @davidsuperrockstar 5 лет назад +2

    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.

  • @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.

  • @engidiogo
    @engidiogo 5 лет назад +3

    Hey! I have a question, couldn't we just use the wordpress nonce to authenticate?

  • @stayhappy4307
    @stayhappy4307 2 года назад

    really nice tutorial. thanks Brad 🙂

  • @theSavanahDev
    @theSavanahDev 5 лет назад

    Thanks Brad...this is what I was looking for and you have pointed me in the right direction.

  • @RichardCodes
    @RichardCodes 5 лет назад

    brad! this is a great video, you really knocked it out of the park with this one. Well done.

  • @FrenchinPlainSight
    @FrenchinPlainSight 5 лет назад +1

    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? 🤔🤓

  • @ikezedev
    @ikezedev 5 лет назад

    Was waiting for this one.... Thanks brad

  • @manotlj
    @manotlj 5 лет назад

    Another brilliant post, it is what I waiting for.

  • @DMANCHILD1
    @DMANCHILD1 5 лет назад +1

    Yes !!! Brad you're the man. Thank you sir.

  • @mimkii8369
    @mimkii8369 4 года назад +3

    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

  • @kevinurielfonseca
    @kevinurielfonseca 5 лет назад

    Please make a serie on it! I will definitely buy it if you put it on Udemy

  • @whoami292
    @whoami292 4 года назад

    Great video Brad!

  • @prodprotto
    @prodprotto 3 года назад

    would have never figured this out on my own thanks man

  • @ahmedmusawir
    @ahmedmusawir 5 лет назад +3

    Awesome! Plz, give us a series with Redux + WP + CRUD app ... Thanx in advance.

  • @eltongonc
    @eltongonc 5 лет назад

    Great video! It really helped me out with an issue I had

  • @yumeileventhal3069
    @yumeileventhal3069 3 года назад

    This is fantastic--just like your Udemy courses. Thank you!

  • @shreyasbalachandran2576
    @shreyasbalachandran2576 5 лет назад

    Thank you Brad! Amazing video!!

  • @antonionicasio8559
    @antonionicasio8559 4 года назад

    great tutorial easy and simple to understand :)

  • @thieno22
    @thieno22 2 года назад

    Thanks, up to now, the video still is useful

  • @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.

  • @YaserAz
    @YaserAz 5 лет назад

    Fabulous as always ! Thank you Brad

  • @Black_Cryptocurrency
    @Black_Cryptocurrency 3 года назад

    3 years i not come here.. I miss you voice bro..
    😊

  • @pablodawson3823
    @pablodawson3823 5 лет назад

    Sou brasileiro, gostei muito do seu conteúdo. Parabéns.

  • @chikechris4411
    @chikechris4411 5 лет назад

    You are the best Brad🙏

  • @wilsoncardoso150
    @wilsoncardoso150 5 лет назад +1

    I love you man

  • @nulI_dev
    @nulI_dev 5 лет назад

    Great vid Brad, I would love to see more headless CMS content like this

  • @RobertThomasrob_thomasa10
    @RobertThomasrob_thomasa10 5 лет назад +2

    Great content as always Brad, can you do one with WP Restful Api and Ionic framework?

  • @jaypan0831
    @jaypan0831 4 года назад

    What an awesome tutorial, thanks so much!

  • @sai_charan
    @sai_charan 5 лет назад

    Awesome, thanks! Would love to see more such videos from you :)

  • @VladyslavZhelizniak
    @VladyslavZhelizniak 3 года назад

    Thank you so much! Very helpful!

  • @codedestinee873
    @codedestinee873 5 лет назад +1

    Thanks for the tutorial! Would you have any resources on how to deploy a site like this using digitalocean?

  • @MikeNugget
    @MikeNugget 5 лет назад

    Wow, thanks Brad, I definitely want to watch this video.

  • @gelzoh
    @gelzoh 5 лет назад +1

    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?

  • @surfthejungle
    @surfthejungle 5 лет назад +3

    Awesome topic

  • @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

  • @jaber4474
    @jaber4474 5 лет назад +1

    very informative thank you

  • @AlienAndrew51
    @AlienAndrew51 4 года назад +1

    Note to Devs: dangerouslySetInnerHMTL can expose your site to cross-site scripting. Please sanitize the data before using this attribute if building an app for production use.

  • @eirik94kvistad
    @eirik94kvistad 5 лет назад

    Badass video as per yuzh, my guy. Keep on trucking

  • @imranjaved8988
    @imranjaved8988 5 лет назад

    I am looking forward a series on this topic

  • @richardsangohil
    @richardsangohil 2 года назад

    Really awesome one thank you a lot

  • @soultouchingsongs
    @soultouchingsongs 5 лет назад

    Brad, You are just awesome. Thanks a ton for the video.

  • @zach4216
    @zach4216 5 лет назад

    Sending good vibes from Boston

  • @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?

  • @AdwardGoncharov
    @AdwardGoncharov 3 года назад

    Awesome as always, thx a lot

  • @mnabilarta
    @mnabilarta 4 года назад

    This is freaking gold

  • @yorgosdimitriadis3874
    @yorgosdimitriadis3874 5 лет назад

    Awesome tutorial, thank you so much!

  • @engidiogo
    @engidiogo 5 лет назад

    Just right in time!

  • @birsingh5388
    @birsingh5388 4 года назад

    Some clever developers created the Frontity framework especially for the WordPress which is based on React

  • @michelribbens8014
    @michelribbens8014 5 лет назад

    Awesome. I really hope you can do some more WP related videos

  • @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?

  • @ahoussimea7164
    @ahoussimea7164 3 года назад

    You are boss of coding thumb up

  • @saratbondada
    @saratbondada 4 года назад

    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!

  • @dandev8514
    @dandev8514 5 лет назад +1

    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

  • @codingleo
    @codingleo 5 лет назад

    Fantastic! Thanks for the awesome content! 👍

  • @usernameirrelevant6850
    @usernameirrelevant6850 4 года назад

    beyond helpful

  • @maykbrito
    @maykbrito 5 лет назад

    You are the best!

  • @leonchen4164
    @leonchen4164 3 года назад

    I feel that One of the big problems of Reactjs is the loss of seo capability. Fetching Wordpress data into react app doesn’t solve the issue. Since routing is then handled by react I doubt any seo plug-in will work anymore.

  • @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!

  • @davy5537
    @davy5537 4 года назад

    Thanks a lot, Brad!

  • @imaginelogo5547
    @imaginelogo5547 Год назад

    Awesome! however I'm stuck at displaying content for each post my browser says "Params" is undefined.

  • @stephenjames2951
    @stephenjames2951 5 лет назад

    Serendipity. I was just looking into gatsby and WP today.

  • @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 ruclips.net/video/rHNl5PZT0VU/видео.html and I got good insight about the usage

  • @AbdulRehman-zt4gt
    @AbdulRehman-zt4gt 5 лет назад

    Great explanation...

  • @PsychoGod9898
    @PsychoGod9898 5 лет назад

    Great tutorial!

  • @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?

  • @thejavascriptshow3754
    @thejavascriptshow3754 5 лет назад +7

    Let’s get it