React Admin Crash Course

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

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

  • @rrvital1
    @rrvital1 3 года назад +214

    Yes yes yes yes...the king is back 😆 hey Brad! Hope you doing well!

    • @TraversyMedia
      @TraversyMedia  3 года назад +57

      Thanks friend :) Yeah I am doing better. Still have the same issues, but not to the point where I am debilitated after an hour of work

    • @evenzero
      @evenzero 3 года назад +9

      this is what youtube was made for :)

    • @bhatnagarcapital
      @bhatnagarcapital 3 года назад +2

      @@TraversyMedia take care bhai (brother in hindi)

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

      @@TraversyMedia All the Best! Prayers for You.

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

      Yes Yes Yes

  • @ishandeveloper
    @ishandeveloper 3 года назад +64

    Just clicked the thumbnail and hearing your voice after such a long time. Welcome back, Brad! 😇

  • @krishnachavali5296
    @krishnachavali5296 3 года назад +33

    give a man a fish and you feed him for a day; teach a man to fish and you feed him for a lifetime,
    Brad, I am jobless but in a couple of months, I am sure I will earn my bread ... Brad is a living legend, I owe You So much

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

      Give a man a fish and you will feed him for a day, teach a man react and he will learn react best practices his entire life.

    • @montyzeee
      @montyzeee 2 года назад +1

      Got job bro ? I am on the same path too..

  • @abhinav.sharma
    @abhinav.sharma 3 года назад +23

    Welcome back to RUclips 🔥🎉🎉🎉
    Hope you're in good health!!!❤️🙏

  • @rangabharath4253
    @rangabharath4253 3 года назад +22

    Awesome as always Brad. Purchased the MERN Course. Excellent Cheers :-)

    • @TraversyMedia
      @TraversyMedia  3 года назад +2

      Thanks! Glad you like it :)

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

      Sir, microservice and custom API in nodejs express js advanced tutorials atleast 20 hours With projects. How to get coupon.

  • @swoorp
    @swoorp 3 года назад +30

    It's amazing to see you back on YT😍

  • @tech_revolution5175
    @tech_revolution5175 3 года назад +10

    You are an undisputed champion brad and whoever brought you on planet earth had a purpose. Stay healthy and continue teaching us

  • @bmac-cz6rk
    @bmac-cz6rk 3 года назад +3

    The man, the myth, the legend, Brad Is Back!
    Love ya brad, stay safe, you've been in my thoughts. Glad you're doing a little bit better.

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

    Welcome back Brad, and thanks for everyone who helped you out they all did a fantastic job!.

  • @themodernscientist
    @themodernscientist 3 года назад +2

    eeeiii I grabbed the repo before the video release

  • @jonathanmedina3837
    @jonathanmedina3837 3 года назад +8

    I have spent the last couple of days building an Admin section for a website, and now i see this video where you can do it in minutes haha, Thanks a lot!
    ps: Any chance you could do an unit testing crash course for a full project(test routes, components, etc)?

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

    Finally ready to level up from vanilla JavaScript to a framework, it was obvious my first search terms were going to be 'Traversy react'.

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

    "What's going on guys" literally this sounds can make me wake up at midnight. Guys who have not subscribed yet, plz subscribe the mentor who gave me a lot of recognition just at 12... Love you brad..
    With love from India 🇮🇳 . Take care of yourself and your family. #BeSafe
    P.S. I am a very deep sleeper 😅.

  • @appusvivek1
    @appusvivek1 3 года назад +7

    Just when I thought I was done coding for the day 😅.
    Bring it on Brad 😁 #traversymedia

  • @dzenish.2262
    @dzenish.2262 3 года назад

    Now, this was great. I remember how much code I was writing before to achieve this functionality. I'll definitely make use of this. Thanks, Brad, and welcome back champ.

  • @ahmedboutaraa8771
    @ahmedboutaraa8771 3 года назад +34

    it's like when Ragnar logbook returned to his kids

    • @zdravkososa
      @zdravkososa 3 года назад +2

      Brad comes back after long time. Who wants to be Frontend developer!?!?!?

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

      Basic content. This channel doesn't give advanced content

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

    His voice is always calm and filled with knowledge!!!

  • @dylanmoore6414
    @dylanmoore6414 3 года назад +2

    res.header( 'Access-Control-Expose-Headers', 'Content-Range');
    res.header('Content-Range', 'tasks 0-4/20');
    I needed both of these headers to allow react admin to see the header

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

    Always a delight to hear from you Brad.. Hope you're well.. Just wanted you to know that your Mern stack course got me an internship.. Thanks a tons.

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

    Wow! The clearest tutorial I've seen so far! AND he teaches how to actually reuse code!!!!!!!

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

    I was just looking for this and here you are . Thank you brad😍

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

    Ayyy I was right, it is a Brad video. Not that I don't appreciate your guests, they have been great! Welcome back, hope your health keeps improving. Just picked up your new MERN course about 5 minutes before getting the notification for this video. Looking forward to both!

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

    Welcome back Brad, good to hear from you again!

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

    Hii I was just watching your Django with React video and i got the notification! Welcome back brad! Hope you are doing super! :D

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

    Thanks for the post. Hope u r doing well Brad. Can't wait to work through this later today.

  • @Maverick_prbt
    @Maverick_prbt 3 года назад +2

    🎉christmas came early ! 🤩

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

      ya, really, a miracle

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

    I remember the scene when the thor entered Wakanda ❤️ GOOD TO SEE YOU BRAD

  • @kondzio2003
    @kondzio2003 4 месяца назад

    If you have problem z content range I recommend replace ra-data-simple-rest fith ra-data-json-server and it works fine.
    I recommend reading the react admin documentation

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

    my fav teacher at all ! I've recently purchased your latest udemy MERN and I like this new tutorial. Thank you so much !!

  • @Elon-musk-007
    @Elon-musk-007 3 года назад

    Brad is back!!! Hope you get well soon and always remain healthy and happy

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

    Last time I REACTED to a video upload on this channel that quickly, Brad was still doing vanilla javascript tutorials.

    • @TraversyMedia
      @TraversyMedia  3 года назад +2

      I will still be doing Vanilla JS tutorials ;) They are actually my favorite to do

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

      Traversy Media quick question, why do you like vanilla over other frameworks?

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

    this looks awesome

  • @nielslytzdk
    @nielslytzdk 3 года назад +2

    Thanks Brad, this is super dope :D Please do an update with more functionality and keep up the good work!

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

    Great to see you again Brad, feels energetic when i hear your voice ❤️❤️

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

    This library has a few very basic components, but it also has payed components that are charged on monthly basis. 125 usd for a team of 2 a month. Charged on yearly basis. Even when you pay that there are still components that are in development.
    On the other hand you could use something like Drupal on a back end and use their admin stuff for free.
    You just need to build a front end in react if you really want that.

  • @codeuiandy
    @codeuiandy 3 года назад +2

    wow, this is super cool.....I can't wait to check it out after today's work

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

    look who's back, I hope it's better .. this is the web development channel that I've shared the most so far.

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

    Another winner. Love your work Brad. Hope you and family are well.

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

    Wow 🔥
    All this functionality with just little code!
    Thank you for this amazing video
    I had recently been looking for a way to create an admin panel that had the ability to add edit and delete and didn’t want to use any database like MongoDB or postgresql etc
    It came in handy
    Thank you ❤

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

    missed you brad, you make the best tutorials on youtube

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

    Now i am back back back because Brad is back back back!!!

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

    hey man, not sure if you will ever see this but I just wanna say thanks for making all these videos. I've learned a lot and has helped me with my technical assessments to get into school.

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

    great session. waiting for next video covering advance features such as chart, cards, authentication etc.

  • @nelsonfleig5024
    @nelsonfleig5024 3 года назад +5

    This is great. I just bought your new React eCommerce course. Do you think I can implement this dashboard in the eCommerce project? Would you suggest making new routes for the Dashboard or deploying it separately? Thanks for your lessons Brad!

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

    Woww I was searching for this. And here comes the king

  • @sunilbarakoti3360
    @sunilbarakoti3360 3 года назад +2

    For those who are facing an issue with pagination, use 'ra-data-json-server' as a data provider instead of 'ra-data-simple-rest'.

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

      can confirm. this works better 😍

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

      Do you mean for the json placeholder api or does this work with an express server? I am having issues integrating this with an express server and could use some help. Thanks mate!

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

      @@khandoor7228 I haven't used this with an express server so, I am not sure about that. I was having an issue with pagination while using 'ra-data-simple-rest' data provider so I used 'ra-data-json-server'. www.npmjs.com/package/ra-data-json-server

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

    Maa man Brad we missed you 😍

  • @PeterNunnOZ
    @PeterNunnOZ 3 года назад +3

    Awsome video as always.. please please please do the auth. I'm struggling with a rest api behind keycloak at the moment and its doing me in (not even sure what hooks I should be using).

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

    Brad is back with a boooooommmm🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @arpanmukherjee4625
    @arpanmukherjee4625 3 года назад +2

    Brad, please teach us how to fully customise and add special functionalities to react-admin.

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

    Glad to see you brad , ❤️ from India 🇮🇳

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

    Its cool. Searching2 but didnot get what i want. Now brad give me the answer! Thankyou brad!

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

    Hope you're feeling great Brad. Have an awesome day. Thanks for more great content. 😀👌

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

    wow! welcome back bro ... ❤️ from 🇪🇹 Ethiopia

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

    Wow Brad is back good to see you ... Waiting for you vue front back course Brad plz make it soon

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

    You just post what I think or what i wanted 😍❤️

  • @alfonsopayra
    @alfonsopayra 2 года назад +3

    this error is following me :( i was fighting with cors before with spring boot and now with this project, help!!!:
    The Content-Range header is missing in the HTTP Response. The simple REST data provider expects responses for lists of resources to contain this header with the total number of results to build the pagination. If you are using CORS, did you declare Content-Range in the Access-Control-Expose-Headers header?

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

      Me too

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

      module.exports = (req, res, next) => {
      res.header({
      'Access-Control-Expose-Headers': 'Content-Range',
      'Content-Range': 'posts 0-20/20',
      });
      next();
      }

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

    Superb stuff Brad...👍

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

    Enjoyed every bit of this. Thank you Brad

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

    Hello brad, you wow't believe how happy i am to hear your voice . i am long student of yours, glad you're okey

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

    Who dis new guy? 😎

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

    Less Go Brad!! Glad to hear you back !

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

    Legends Never Give Up!! Our Leader is back.

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

    Great video please add more)) I really liked React Admin

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

    Sincerely before clicking this Video I didn't expect it to be Brad and for the past weeks since the introduction of guest tutors I hadn't clicked on those video notifications not because the tutors aren't great but the content just wasn't my need at that point. Upon clicking this notification and hearing Brad's voice, in my mind I was like "Brad always has a way of picking great tutorials that I personal need in a season of my life". And I have noticed this through out the years following this channel. There is just something special about you Brad. Hope you are doing well, along side your family. MUCH LOVE.

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

    Welcome back Man . I am waiting for you soo long.

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

    glad to see your tutorials again, Brad :) and yea, we definitely need a bit advanced tutorials on react-admin, like custom data provider and auth! ty.

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

      Hey man could you please give me some hint for : I am actually trying to implement it using my custom express routes on the backend, i am pretty confused with the react admin docs, I guess it has something to do with custom data providers?

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

      ​@@ayushkushwaha171 hey. Actually, I am not using this thing but interested in. I prefer to write admin interfaces from scratch. Yea, I dont like their docs too - a bit shitty. But you can use one of existed providers ("Simple REST" for example) or you can write a custom one.

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

      @@ridl27 yea I also like the idea of making admin panel from scratch more customisation but more time taking too.

  • @bujan0073
    @bujan0073 2 года назад +2

    Current version of react-admin v3 only works with react router v5 - so doesnt work with router v6. Such a shame :/

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

    I love you Brad this is what I just need. Thanks a lot.

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

    Very easy to follow tutorial. Watched with 2x speed :D

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

    Good to see you back on track Brad!

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

    Hey Brad you are back!!! Nice to see you mate!! I want to learn Material UI , do you have a tutorial or course Material UI with React project ?

    • @TraversyMedia
      @TraversyMedia  3 года назад +2

      I have a couple projects using it in the React Projects playlist, BUT Adrian just did a Mterial UI crash coruse that I will most likely be releasing Friday or Monday

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

    anyways I'm glad Brad's back.

  • @Anandmum
    @Anandmum 2 дня назад

    Hi Brad, I am so interested in React--admin so I wish you could make more video about it to create a bigger project. Thankful for that. Love your channel. #traversymedia

    • @Anandmum
      @Anandmum 2 дня назад

      Please #traversymedia

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

    Brad is back. Yupiiiiii 😇😇

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

    welcome back brad!

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

    Hope u back for good, really enjoy ur videos especially thoses giving tips/advices

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

    Brad is back!

  • @user-zh4jd1cr8c
    @user-zh4jd1cr8c 3 года назад

    It's awesome.I am your fan from Taiwan.Hope you can do more tutorial about react especially making some awesome website using material-ui or antDesign. Learn a lot from you. Thanks

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

    Thanks Brad .. I didn't even know that we have a React admin :) ....Really appreciate your efforts .. Your videos are more than a collage degree
    Is there any tutorial on React admin with Node/Expressjs API

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

    so it is basically a premade CMS-like frontend admin interface that can be customized and attached to your custom backend? It looks freakin awesome!

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

    Awesome tutorial. I really needed this.

  • @nhexplorers
    @nhexplorers 3 года назад +3

    Anybody get stuck with the middleware? I followed it to the letter, but still end up with "The Content-Range header is missing in the HTTP Response. I'm wondering if it is a CORS issue. If anyone else experienced this, please let me know if you found a solution. Thanks.

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

    Hey Brad. thank you for the tutorials. Kindly upload a video for implementing authentication

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

    Hey brad. Could you do a crash course on prostres with nodejs? Using sequelize or typeORM? I love your videos, and you've no idea how much you've helped me. Thank you.

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

    Super helpful video. Please make some more.

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

    Yes, I was waiting for this!

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

    Thank you Brad. This saved my day.

  • @ibrahim-tech
    @ibrahim-tech 3 года назад

    yay hes back

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

    Hi brad welcome back.. Please please do a course on headless API for ecommerce like Reaction-Commerce

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

    Hope your health gets fine soon

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

    A very good tutorial, many thanks!

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

    Glad to have you back

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

    Was waiting for you when you will be touching admin panels. I am more interested in integrating one react app inside different pages of existing admin panel and showing react view based on default route passed in be rendering component. one use can like one app having lots of widgets from calculator, weather, login, signup and each page that needs react UX just mount the app and loading the related react view.

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

    Thank you Traversy

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

    Thanks, the best tutorial ever

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

    Publish video on time. I was looking for react.
    How is your health now Brad

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

    With new amazing video kind is back now

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

    Nice! A new video :)

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

    wooow !!!!! yeees !!!!! more react !!!!!! you are the best !!!!!!!!