Mid Level Developer React Coding Challenge

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 9. 04. 2021
  • In this video, I walkthrough a coding challenge I had during an interview. This is the palindrome coding challenge! I demonstrate how I accomplished this with React JS.
    Venmo Me a cup of coffee:
    @CodingWithKevin
    My Equipment
    đŸŽ„My Camera: amzn.to/3fS1hqY
    📟My Computer: amzn.to/3uUEsHA
    đŸ’»My Monitor: amzn.to/3poLB1w
    đŸŽ€My Mic: amzn.to/3ilZOuW
    ⌚My Keyboard: amzn.to/3x0zSZG
    My Investment Platform
    📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4M...
    For Crypto
    đŸ€‘ Deposit $400 and get $50 in BTC! app.celsius.network/
    Referral Code: 184801bff
    Health:
    đŸ’Ș Protein supplement www.gainful.com/r/w38fph
  • Jak na to + styl

Komentáƙe • 38

  • @javLG
    @javLG Pƙed 3 lety +2

    Good stuff kev!! I wish you keep rolling new content, even for more advanced devs!! I'd really appreciate that!

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Thank you! I will keep more content coming for sure. Working on more things like career advancement advice or other intangibles that we don't get taught about in school. Stay tuned and thanks for subscribing! 🙏

  • @eyobtamir5609
    @eyobtamir5609 Pƙed 3 lety

    Love it!!! keep it up!!!

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Thank you so much! Really appreciate you saying that. 🙏

  • @zourdy697
    @zourdy697 Pƙed 2 lety

    you're a cool dude man, keep it up I like the way you tackle the error/bugs haha

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 2 lety +1

      I really appreciate that, thank you so much! 🙏

  • @Jocatins
    @Jocatins Pƙed 2 lety

    Thanks Man.. You are good 👍

  • @rajatbansal2458
    @rajatbansal2458 Pƙed 3 lety

    Kevin has the best videos !!

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Thank you so much 😊🙏 I hope you're doing well and moving on to something good

  • @zathkal4004
    @zathkal4004 Pƙed 3 lety

    Nice one kev , thanks (:

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety +1

      Thank you so much! More to come, been taking some personal time, but I have a couple videos in the queue for editing to give to you all. Stay tuned :)

  • @jyotirmayiswain2431
    @jyotirmayiswain2431 Pƙed 3 lety +8

    Hey Kev love your coding challenges , I have a small request if you can please zoom in the code while you write it would be
    much more readable for viewers.. Thanks again

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Thanks so much, and thanks for the feedback, I'll keep working at things to make sure my code is visible :)

  • @JrkMartin
    @JrkMartin Pƙed 3 lety +1

    Do you ever come across algorithm and data structure kind of technical interview? Do you only apply positions that is frontend or do you go for Software Engineer position as well?

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety +1

      Great question! Personally, I don't apply to positions that are data focused. I like the creativity of working with web facing applications. Software engineer is a very broad term these days, no longer reserved to the traditional "software". In my current position I do full stack development as well as leadership responsibilities. What kind of video would you like to see around data or software engineering?

  • @himanshubansal4522
    @himanshubansal4522 Pƙed 3 lety

    Hey Mate, appreciate the videos. I have an interview tomorrow and your videos are super helpful. Just a point at around 24-26 minutes you said we need to clear the array, you mean(?) after joining palendrome, we have string instead of the array that's why we don't have push function for string and in the clear function, you assigned empty array again in clearPalendrome.
    I hope I understand correctly.

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Hey I hope your interview went well. Yes, we want to clear the array after joining the palindrome. The variable we assigned with an array will still contain a value because we join the array in a different variable assignment. So we need to explicitly clear the array so it is ready to take in a new value. I hope that helps :)

  • @gorimor
    @gorimor Pƙed 2 lety +1

    Damn this is mid level? I'm self taught in React and would love a job in dev but can never get interviews, not sure what to do. I've built a palindrome checker, re-built Disney+ website along with Firebase auth to log in and register, no payments for subscription implemented though or video plays of course. I gave up and stopped coding for the past 7 or 8 months as I was pretty burnt out and getting nowhere but I can feel the fire re-lighting - any tips?

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 2 lety +1

      Hey Joe, wow good job on all your projects! I've been where you are. Keep your head up and watch my "how to interview for a developer position" video. I haven't put in an application for at least 3 years using all those tips đŸ€™

  • @KaranSharma-ew7io
    @KaranSharma-ew7io Pƙed 2 lety

    Hey kevin nice video bro . But i got eye problems and I am unable to see small text , can you please zoom in next time . Subbed your chanel , keep going

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 2 lety

      Thanks bro, yes trying to keep font size bigger in my newer videos. Appreciate you!

  • @ashikpaul345
    @ashikpaul345 Pƙed 3 lety +1

    Great video. Please increase the font size

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Thank you, I'll make sure to to that in my next coding video 👍

  • @ericcapiz6516
    @ericcapiz6516 Pƙed 3 lety

    Kinda skimmed the video a bit.. good stuff.. but couldn't u also store string in variable A. Then instead of creating different functions, just create variable B that takes the original variable and then use .split().reverse().join() and compare if original variable A === variable B?? No for loop needed...

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety +1

      Thanks for watching! And yes, absolutely this is another great way to do it! There is value in both ways. Your example is a great use of built in JavaScript functions. Sometimes companies like to see the long hand version so they can gauge your skill of manipulating data. It's easy to call reverse(), but showing you can do it yourself is sometimes what gets you the job. In a coding challenge interview, I like to show how I organize code, how I work through a problem, and how I can come to a solution that shows my abilities. At the end of the day, we can all code the same thing in different ways, and I love the way you solved it.

  • @aurelianspodarec2629
    @aurelianspodarec2629 Pƙed 2 lety

    On the 16:00 - what if you did unshift instead? You would have a reverse words I believe

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 2 lety

      Hey there!thanks so much for watching, Can you clarify what you're asking? Unshift instead of what? What's the solution you're proposing?
      I'm a big supporter of different ways to accomplish the same result! So please share what your thoughts are.

    • @aurelianspodarec2629
      @aurelianspodarec2629 Pƙed 2 lety

      ​@@CodingWithKevin1 Yeah, I haven't tested but if you do this instead:
      ```js
      for(let i = 0; input.length > i; i++) {
      palendrome.unshift(input[i])
      }
      ```
      It puts the letters from the last to first, compared to push where it puts the first letter into first index

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 2 lety

      Awesome! Definitely test it, and then let us know. The wonderful thing about code is there are multiple ways to get to the same end result!

    • @aurelianspodarec2629
      @aurelianspodarec2629 Pƙed 2 lety

      @@CodingWithKevin1 Yeah I might actually, I do like this challenge :) I haven't watched most of the video tbh, I don't wanna spoil the challenge for myself lol I just skipped though it. Always do this with these sort of challenges, and then compare :D

  • @einfachnurlegendar7947
    @einfachnurlegendar7947 Pƙed 3 lety +1

    Are you sure this is mid-level? Seems way to easy for that. Shouldnt even an Intern be able to do this?

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Hey thanks so much for watching my video! In my opinion, if you know an intern in America who can do this, please put them in touch with me so I can help them get a better job.

    • @einfachnurlegendar7947
      @einfachnurlegendar7947 Pƙed 3 lety

      @@CodingWithKevin1 well i was looking for this video in order to prepare for intern interviews...
      Does this mean u r hooking me up? :')

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      Let's chat, send me a dm on CZcams

    • @CodingWithKevin1
      @CodingWithKevin1  Pƙed 3 lety

      @@einfachnurlegendar7947yeah I guess they removed that again lol just sent you a request.

  • @anjalii1102
    @anjalii1102 Pƙed rokem

    const [input, setInput] = useState("");
    const [display, setDisplay] = useState("");
    function inputHandler(e) {
    setInput(e.target.value);
    }
    function isPalindrome() {
    let reversedArray = input.split("").reverse().join("");

    if (reversedArray === input) {
    setDisplay("It's Palindrome !!!");
    } else {
    setDisplay("No it's Not Palindrome !!!");
    }
    }
    return (

    inputHandler(e)} />
    Submit
    {display}

    );

  • @klarnorbert
    @klarnorbert Pƙed 2 lety

    Mid-level? Seems very basic to me.