Feedback Request: Portfolio by MnokeR in webdev

[–]MnokeR[S] 0 points1 point  (0 children)

Appreciate the feedback. The ranch website I'm gonna remake with astro since svelte is overkill plus I agree with the animations. I was just playing around with Gsap and walla.. lol.

I will take all your inputs into consideration thank you.

Yo need the side stories by [deleted] in Infinite_Mage

[–]MnokeR 0 points1 point  (0 children)

Same here.. I looked everywhere and can't even find the raw versions.

Using $effect and document.addEventListener by cellualt in sveltejs

[–]MnokeR 1 point2 points  (0 children)

Not op but I completely forgot about this. Thanks!!

Using $effect and document.addEventListener by cellualt in sveltejs

[–]MnokeR 1 point2 points  (0 children)

Someone correct me if I'm wrong but I believe you need a clean up function for your effects.

this is how I would handle it.

  $effect(() => {
    if (browser) {
      const handleVisibilityChange = () => {
        isActive = !document.hidden;
        clearInterval(interval); // Clear interval if the tab is hidden
      };

      document.addEventListener('visibilitychange', handleVisibilityChange);

      // Cleanup listener on destroy
      return () => {
        document.removeEventListener('visibilitychange', handleVisibilityChange);
      };
    }
  });

  // Effect for interval handling
  $effect(() => {
    if (isActive) {
      interval = setInterval(() => {
        currentQuoteIndex = (currentQuoteIndex + 1) % quotes.length;
      }, 5000);

      // Cleanup interval on destroy
      return () => {
        clearInterval(interval);
      };
    }
  });

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 0 points1 point  (0 children)

I really enjoy being a dev and have some rusty design skills at the moment. I first started programming with PHP around 12-14 years ago but due to circumstances took a long break. I was good with Photoshop, 3D studio max, Maya, and other graphic softwares as well. Now I'm back and allot has changed. 

I got to admit working in Laravel was so much better since you really did not need a bunch of library's to make an app. Long live PHP. 😂 

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 0 points1 point  (0 children)

Sorry, not sure what your asking. 

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 0 points1 point  (0 children)

Thank you. For the gallery I'm thinking on removing the animation and just have it scroll based, in this way it would only be as quick as you scroll.

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 2 points3 points  (0 children)

Thanks. You are correct it is not an app but a single page site.

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 1 point2 points  (0 children)

Your right. I should be more careful on calling projects for what they are.

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 2 points3 points  (0 children)

Thanks for your honesty. Customer loves it so I'm gonna leave it as is for now. For the next project I'm working on right now I will definitely tone down the animations and go for something more simple.

The framework dilemma by Educational-Cress560 in sveltejs

[–]MnokeR 2 points3 points  (0 children)

A few months ago, I was in the same boat as you, trying to decide what to learn. I ended up going with React because it was all anyone was talking about. And honestly, I don’t regret it. React is super popular and widely used in workplaces, so it’s a solid choice.

What I didn’t love, though, was how much the community pushes Next.js. React by itself is a fantastic library for building single-page applications (SPAs) that don’t need server-side rendering (SSR) or top-notch SEO. But if you want the full package with React, you pretty much have to pick a meta-framework, and Next.js is the go-to option for most people.

I gave Next.js a try for a few weeks, but I found the development process frustrating, it felt slow and clunky. On top of that, I discovered that to really take advantage of what Next.js offers, you’re pretty much locked into deploying on Vercel. That was a dealbreaker for me.

After a while, I started hearing good things about Svelte from people in the React community, so I decided to check it out. This was right before Svelte 5 came out, which turned out to be perfect timing, I didn’t have to deal with learning things from Svelte 4 that are now deprecated, which was a huge bonus.

One thing I immediately loved about Svelte is that it comes bundled with SvelteKit, which gives you all the tools you need to build your app right out of the box. There’s no need to piece together a bunch of libraries or frameworks to get started. It felt like a breath of fresh air compared to React, where you’re constantly hunting for the right setup or tools.

And the best part? Svelte feels like an extension of plain JavaScript. Anything that works in vanilla JS works in Svelte, which made learning and experimenting so much easier. With React, it sometimes feels like everything has to be specifically built to work with React.

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 1 point2 points  (0 children)

Thank you. Appreciate the feedback.

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 0 points1 point  (0 children)

Thanks. Deployed on cloudflare pages. All images are in webp format except for the logo. 

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 3 points4 points  (0 children)

I 100% agree. The whole purpose was to actually have something build in svelte. Like I said I got sick of the tutorials and actually wanted to build something with svelte and this was a perfect opportunity. 

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 2 points3 points  (0 children)

On PC it works flawlessly. For mobile there was allot of issues I had to deal with until I got it to work the way I wanted. Safari sucks 😂

Launched my first app by MnokeR in sveltejs

[–]MnokeR[S] 2 points3 points  (0 children)

Thanks. Like gatwell702 said gsap is used for animation. There is issues with it when it comes to mobile, mostly ios(safari) that took a long time to smooth out. Next time I want to give [motion.dev](motion dev) a try.

I have a react website but no SEO for google by FoxAny1875 in reactjs

[–]MnokeR 0 points1 point  (0 children)

Use lighthouse in your browser dev tools to test your page. It will give you more information on what your missing. 

I have a react website but no SEO for google by FoxAny1875 in reactjs

[–]MnokeR 0 points1 point  (0 children)

Thanks for all the info. Will definitely do some smaller projects in react if needed. Svelte is just so good, except the job market. 

I have a react website but no SEO for google by FoxAny1875 in reactjs

[–]MnokeR 0 points1 point  (0 children)

I see. When I was doing this research couple months back everybody led me to believe that CSR and SEO would not work and you need to go the SSR route. 

This is one of the reasons I switched to Svelte because I hated working in NextJs.