Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
67
Comments
10
Azzy dvyastia kesuma
@azzykesuma

All solutions

  • Advice generator FM

    #tanstack-query#typescript#vite#react

    Azzy dvyastia kesuma•1,425
    Submitted 5 months ago

    i have invalidated the query when clicking the button to generate a new advice, but whenever i clicked the button too fast, the returned result from the api always seems to be cached, therefore not changing the advice.

    export const useApiQuery = (
    queryKey: [string, unknown?],
        enabled: boolean,
      ) => {
        return useQuery({
          queryKey,
          queryFn: async () => {
            const response = await fetchAdvice();
            return response
          },
          enabled,
          retry: 0,
          refetchOnWindowFocus: false,
          staleTime: 0,
        });
      };
    

    tried setting the staletime to 0 but the cache still persist. the network tab show that the browser tries to refetch the api, but it doesn't invalidate the cache inside the disk-cache, so how do i invalidate the cache on demand regardless of what tools i'm using?


    0 comments
  • Product list challenge

    #shadcn#tailwind-css#typescript#vite#motion

    Azzy dvyastia kesuma•1,425
    Submitted 5 months ago

    i'm using vite as react-wrapper/compiler for most of my project, and when i'm previewing all of my static assets (prod) , all of them usually broken unless i put it in root public, why is this always be the case?


    1 comment
  • form challenge

    #react#shadcn#typescript#vite#motion

    Azzy dvyastia kesuma•1,425
    Submitted 5 months ago

    i think i should be creating my own toast instead of using library made toast like shadcn


    0 comments
  • Ticket challenge

    #react#typescript#vite#motion

    Azzy dvyastia kesuma•1,425
    Submitted 5 months ago

    1 comment
  • multi step form challenge

    #motion#redux#tailwind-css#typescript#vite

    Azzy dvyastia kesuma•1,425
    Submitted 11 months ago

    any feedback is greatly appreciated


    0 comments
  • rock paper scissor challenge

    #motion#react#tailwind-css#vite#typescript

    Azzy dvyastia kesuma•1,425
    Submitted 11 months ago

    i use a lot of values inside the useContext, which works, but i feel it made my context bloated. i can split the values into multiple context, but i fear that it will make my main.tsx into context wrapper hell, and i also try to avoid using over complicated state management like redux for this simple project. how can i simplify the context without sacrificing code readability?


    0 comments
  • url shortener challenge

    #react#tailwind-css#typescript#vite#tanstack-query

    Azzy dvyastia kesuma•1,425
    Submitted 12 months ago

    0 comments
  • bookmark landing page challenge

    #motion#react#typescript#tailwind-css

    Azzy dvyastia kesuma•1,425
    Submitted 12 months ago

    any feedback is greatly appreciated


    1 comment
  • manage landing page challenge

    #motion#react#typescript#tailwind-css

    Azzy dvyastia kesuma•1,425
    Submitted 12 months ago

    1 comment
  • ecommerce frontend mentor challenge

    #motion#react#typescript#tailwind-css

    Azzy dvyastia kesuma•1,425
    Submitted 12 months ago

    0 comments
  • Recipe page challenge

    #tailwind-css#vite#react

    Azzy dvyastia kesuma•1,425
    Submitted about 1 year ago

    1 comment
  • interactive comment challenge

    #next#tailwind-css

    Azzy dvyastia kesuma•1,425
    Submitted over 1 year ago

    0 comments
  • intro section dropdown

    #next#tailwind-css#bootstrap

    Azzy dvyastia kesuma•1,425
    Submitted over 1 year ago

    0 comments
  • expense chart component

    #chart-js#next#tailwind-css

    Azzy dvyastia kesuma•1,425
    Submitted over 1 year ago

    0 comments
  • Interactive Card Details

    #vue#sass/scss

    Azzy dvyastia kesuma•1,425
    Submitted over 1 year ago

    0 comments
  • Notifications Page Main

    #vue#sass/scss

    Azzy dvyastia kesuma•1,425
    Submitted over 1 year ago

    0 comments
  • Newsletter signup form with success message

    #vue#sass/scss

    Azzy dvyastia kesuma•1,425
    Submitted over 1 year ago

    0 comments
  • News Home Page Challenge

    #next#sass/scss#material-ui

    Azzy dvyastia kesuma•1,425
    Submitted about 2 years ago

    0 comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub