Timothy Amo
Timothy Amo
  • 74
  • 90 495

Відео

Data from useActionData vanishes when using useSearchParams from react-router-dom
Переглядів 764 місяці тому
Data from useActionData vanishes when using useSearchParams from react-router-dom
Creating Reach Hook Code-Generator | Part 10 | Adding Dynamic URL Param To Mutations
Переглядів 1611 місяців тому
Creating Reach Hook Code-Generator | Part 10 | Adding Dynamic URL Param To Mutations
Creating React Hook Code-Generator | Part 9 | Adding Dynamic URL Params
Переглядів 1911 місяців тому
util.js - gist.github.com/timdereaper1/394dfde6b451e1da81552a91deb0e9f3
Creating React Hook Code-Generator | Part 8 | Creating Post Request
Переглядів 1211 місяців тому
Creating React Hook Code-Generator | Part 8 | Creating Post Request
Creating React Hook Code-Generator | Part 7 | Object in Object Definition
Переглядів 911 місяців тому
Creating React Hook Code-Generator | Part 7 | Object in Object Definition
Creating React Hook Code-Generator | Part 6 | Adding Configuration Object
Переглядів 711 місяців тому
Creating React Hook Code-Generator | Part 6 | Adding Configuration Object
Creating React Hook Code-Generator | Part 5b | Generating API Request Hook
Переглядів 911 місяців тому
Creating React Hook Code-Generator | Part 5b | Generating API Request Hook
Creating React Hook Code-Generator | Part 5 | API Request Schema Setup
Переглядів 1211 місяців тому
Creating React Hook Code-Generator | Part 5 | API Request Schema Setup
Creating React Hook Code-Generator | Part 4 | Translating Schema Body to Typescript Types
Переглядів 1011 місяців тому
Creating React Hook Code-Generator | Part 4 | Translating Schema Body to Typescript Types
Creating React Hook Code-Generator | Part 3 | Translating Type Schema to Typescript
Переглядів 1611 місяців тому
Creating React Hook Code-Generator | Part 3 | Translating Type Schema to Typescript
Creating React Hook Code-Generator | Part 2 | Script Boilerplate
Переглядів 2011 місяців тому
Creating React Hook Code-Generator | Part 2 | Script Boilerplate
Creating React Hook Code-Generator | Part 1 | Introduction
Переглядів 4511 місяців тому
Creating React Hook Code-Generator | Part 1 | Introduction
Building Conference Registration Web App w/ React - Part 9 | Showcasing New Designs
Переглядів 24Рік тому
Building Conference Registration Web App w/ React - Part 9 | Showcasing New Designs
Freestyle Coding | Building Conference Registration Web App w/ React - Part 8 | Data Sorting
Переглядів 23Рік тому
Freestyle Coding | Building Conference Registration Web App w/ React - Part 8 | Data Sorting
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 7 | Filtering Data
Переглядів 13Рік тому
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 7 | Filtering Data
Freestyle Coding | Building Conference Registration Web App w/ React - Part 6 | Tanstack Table
Переглядів 55Рік тому
Freestyle Coding | Building Conference Registration Web App w/ React - Part 6 | Tanstack Table
Freestyle Coding | Building Conference Registration Web App w/ React - Part 5 | Deleting User
Переглядів 10Рік тому
Freestyle Coding | Building Conference Registration Web App w/ React - Part 5 | Deleting User
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 4 | Dashboard
Переглядів 16Рік тому
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 4 | Dashboard
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 3
Переглядів 16Рік тому
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 3
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 2 | Dynamic Routes
Переглядів 27Рік тому
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 2 | Dynamic Routes
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 1
Переглядів 42Рік тому
Freestyle Coding | Building A Conference Registration Web App w/ React - Part 1
Fixing styled-component unknown props DOM errors
Переглядів 1,5 тис.Рік тому
Fixing styled-component unknown props DOM errors
Mocking using __mocks__ directory
Переглядів 2,5 тис.Рік тому
Mocking using mocks directory
Adding dynamic auto complete to an Input with Datalist in React
Переглядів 2,6 тис.2 роки тому
Adding dynamic auto complete to an Input with Datalist in React
Unit Testing React-Router-Dom Navigation Without Mocking
Переглядів 9 тис.2 роки тому
Unit Testing React-Router-Dom Navigation Without Mocking
Testing State Between Components
Переглядів 2112 роки тому
Testing State Between Components
Testing typing and clicking in React
Переглядів 1802 роки тому
Testing typing and clicking in React
Benefiting from React Context
Переглядів 1182 роки тому
Benefiting from React Context
Build Components w/ little to NO hooks in react
Переглядів 222 роки тому
Build Components w/ little to NO hooks in react

КОМЕНТАРІ

  • @TheEmmanuelN
    @TheEmmanuelN Місяць тому

    Yo bro. thank you man!

  • @Dimidrol14
    @Dimidrol14 2 місяці тому

    Perfect!!

  • @fl1pp1x
    @fl1pp1x 2 місяці тому

    I need to test hooks, im using renderHook from react testing library and i need a reusable wrapper with MemoryRouter so that i will be able to check location.pathname changes in each test i need...tried 10 approaches but it doesnt work as expected at all

  • @getprompted
    @getprompted 3 місяці тому

    Great, but one downside is that you have to redefine your routes in your test (lines 5,6). So now you have to maintain your route definitions in two places - your actual app AND in your tests. Not very DRY. More importantly, if you change the routes in the application itself, your tests will still pass (since the routes in your test are still the same as before) - for example, you change the name of the "/signup" route to "/register", the button will still work in the app and take the user to "/register" and the button will still work in the test, but taking the user to "/signup"

    • @timothyamo
      @timothyamo 3 місяці тому

      That's a fair point, maintaining different routes definitions in both the actual app and tests is a PITA, and it's best to have one place which houses all your route definitions, and test against that. Thanks a lot for the info, I'll make sure to add this to my videos on testing in the future

  • @francisferri2732
    @francisferri2732 6 місяців тому

    It helped me a lot thank you

  • @gregorychamekh8143
    @gregorychamekh8143 7 місяців тому

    Thanks to remind me this use of wrapper ;)

  • @themarathoncontinues8233
    @themarathoncontinues8233 8 місяців тому

    /*rick ross voice/* BOSS!

  • @frankmartinez2987
    @frankmartinez2987 8 місяців тому

    This is too long and convoluted. I don’t need a back story on this code. This probably could have been summed up in 45 seconds but there is so much in here I cannot tease out what that is. Got a short short version?

    • @timothyamo
      @timothyamo 3 місяці тому

      Not yet. I'll make a shorter vision and post the link

    • @frankmartinez2987
      @frankmartinez2987 3 місяці тому

      @@timothyamo I’d really appreciate it, thanks. I apologize for my word choice; in retrospect it seems rude. I appreciate you and the work you do.

  • @HassanAli-uk6hi
    @HassanAli-uk6hi 8 місяців тому

    thanks a lot and try to make regular content and you will get enough subscribers .

    • @timothyamo
      @timothyamo 3 місяці тому

      Thanks. I try to make regular content, unfortunately tho I don't get as much time as I want due to some stuff IRL. Nonetheless, I'll try to upload content regularly

  • @capitalist_boy
    @capitalist_boy 9 місяців тому

    good brother

  • @seeyousoon9060
    @seeyousoon9060 10 місяців тому

    thanks, huge help

  • @Param-xu4ck
    @Param-xu4ck 11 місяців тому

    Hi, thanks! One question: is it possible to check if the location pathname matches after clicking a button in a test case?

  • @mashishki
    @mashishki 11 місяців тому

    Huge thanks for this tip, awesome solution!

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @timothyamo
    @timothyamo 11 місяців тому

    github.com/timdereaper1/api-schema/tree/main

  • @eddiehead6964
    @eddiehead6964 11 місяців тому

    nice one! :)

  • @ЯковКондратьев-ю1э

    not work

  • @captainalpha4853
    @captainalpha4853 Рік тому

    Very clear explanation! what's the name of the theme you used in this video?

  • @noname13345
    @noname13345 Рік тому

    can you share the font name

    • @timothyamo
      @timothyamo 3 місяці тому

      The font is Dank Mono

  • @waffle8364
    @waffle8364 Рік тому

    You're talking about unit testing, but this sounds more like integration testing.

  • @patrickcoutinho5054
    @patrickcoutinho5054 Рік тому

    Ty brooo

  • @DanielEmenikeCodes
    @DanielEmenikeCodes Рік тому

    Finding it difficult to understand the tanstack table library still.Please can you create a short tutorial on it.There are too many functions plus i m using typescript which makes it harder..

  • @Uwtdbcuetwh
    @Uwtdbcuetwh Рік тому

    THANK YOU SO MUCH!!!!!!!

  • @SyeDouk
    @SyeDouk Рік тому

    You also saved my day, been stuck on this failing stupid unit test until I watched this. waitFor was missing.

  • @romi2902
    @romi2902 Рік тому

    Bro, I'm passing color through props in the entire application but only in one particular section it's not working , when I'm passing color: ${({theme})=>theme.text_primary}. Please help me if you could....

  • @yuvrajbiswas9702
    @yuvrajbiswas9702 Рік тому

    Love from India❤

  • @yuvrajbiswas9702
    @yuvrajbiswas9702 Рік тому

    Thank you Brother. For suggesting...

  • @uriel.f1734
    @uriel.f1734 Рік тому

    Thanks for your knowledge sharing. Please, what is your error lint extension ? i like it.

    • @timothyamo
      @timothyamo 3 місяці тому

      Am using Eslint with Error Lens

  • @MagdalenaPizarroOrtega
    @MagdalenaPizarroOrtega Рік тому

    Thank you very much for this explanation :) <3

  • @timothyamo
    @timothyamo Рік тому

    The designs were made by a wonderful UI/UX designer Miss Dora Laurine. You can check out her other works at Website - doraopare.me LinkedIn - www.linkedin.com/in/dora-laurine-opare-23b757158

  • @timothyamo
    @timothyamo Рік тому

    what do you guys think about the new format of the video? Do let me know if you like it or I should go back to the previous format.

  • @essentialfertilizer5210
    @essentialfertilizer5210 Рік тому

    Timothy on it🎉🎉🎉

  • @sweet12profs
    @sweet12profs Рік тому

    great video, very informative!

  • @PatrikRasch
    @PatrikRasch Рік тому

    What's the name of the extension you're using for indentation? Looks real nice. Also, this solved my problem! Or, well, it gave me a workaround! Was trying to test the actual URL to look for a change, but seeing if a piece of content only on the page I'm navigating to exists on the screen works just as well as far as my knowledge goes. Thank you!

    • @timothyamo
      @timothyamo Рік тому

      I'm glad that I was of some help to you. I'm using the prettier extension and set the tab width to 4. Thanks a lot for watching.

    • @PatrikRasch
      @PatrikRasch Рік тому

      ​@@timothyamo Yeah for sure man, love finding good content like this that doesn't get enough attention! Is it prettier that gives you these lines vertical "ruler" lines too?

    • @timothyamo
      @timothyamo Рік тому

      @@PatrikRasch Nope I think it comes with vscode by default. I'm also using the bracket pair setting for vscode as well

  • @xczm225
    @xczm225 Рік тому

    true, I found this answer after googling a lot, was trying to find an answer on YT but this is the only video I found that observes this prob, so thanks a lot!

    • @timothyamo
      @timothyamo Рік тому

      Glad I could help! Thanks a lot for watching

  • @gauravchavhan4241
    @gauravchavhan4241 Рік тому

    How to test nested routing?

  • @steven1146
    @steven1146 Рік тому

    really great video, hands down, the simplest solution for local storage. really appreciate it

  • @MrLeddfoot36
    @MrLeddfoot36 Рік тому

    I am already googling trying to find out how you display your terminal in a tab. My favorite part of the video for sure.

    • @MrLeddfoot36
      @MrLeddfoot36 Рік тому

      I should have guessed that you could just drag and drop it considering it's Microsoft.

    • @timothyamo
      @timothyamo Рік тому

      With the latest version of VSCode you can just drag and drop the terminal to the tabs

  • @danielmagar5196
    @danielmagar5196 Рік тому

    Is QueryClient mandatory? What if I want to test link route which does not use react query

    • @timothyamo
      @timothyamo Рік тому

      No it's not. I'm only using QueryClient since I use react query inside the components being tested. It would cause an error if the QueryClient is not available. So you can test your routes with having to provide QueryClient as long as react-query isn't being used in the components. Thanks a lot for watching.

  • @rahulbiswakarma2545
    @rahulbiswakarma2545 Рік тому

    What font did u use in your VS code, btw great video

    • @timothyamo
      @timothyamo Рік тому

      Thanks a lot for watching. I'm using dank mono. A really great font for coding

  • @ianpropst-campbell6028
    @ianpropst-campbell6028 Рік тому

    Thank you for this helpful video. I've been struggling with how to use localStorage for my react application, and this really helped!