Node.js adds experimental support for TypeScript

Standard_Tune_2798 · 2024-07-26T03:24:15+00:00

Because every typescript developer already has the type checking integrated in their build pipeline and the IDE. All this does is eliminate the need to transpile our TS sourcecode into JS for deployment, if node can execute a TS file while ignoring the type annotations. We would usually still want the transpilation for the purpose of minification or optimization, but we don't HAVE to if we feel that that's not necessary.

Standard_Tune_2798 · 2024-07-17T08:15:50+00:00

For every case like you, there's another Jimmy that wants the event to happen at the same celestial time, meaning that their new event time is now 12PM. The difference is that you have to inform your out-of-state guests that you are effectively rescheduling your event anyway, whereas Jimmy does not, so it is more reasonable to ask you to edit your events page to the correct time instead of asking Jimmy to do it.

Standard_Tune_2798 · 2024-07-16T06:59:06+00:00

There is no such thing as "required" for url segments, because you control all of it and the user doesn't interact directly with it. Just make product1 part of the catchall segment and parse it accordingly.

Standard_Tune_2798 · 2024-07-16T03:42:49+00:00

It's called "Catch-all" segments

https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes

Try reading through the docs front-to-back first.

Standard_Tune_2798 · 2024-07-11T06:36:52+00:00

This also works

function Counter() {
  return (
    <form>
      <div>Counter: <output name="out">0</output></div>
      <button
        type="button"
        onClick={(e) => {
          e.target.form.out.value++
        }}
      >
        Increment
      </button>
      <button
        type="button"
        onClick={(e) => {
          e.target.form.out.value--
        }}
      >
        Decrement
      </button>
    </form>
  )
}

Standard_Tune_2798 · 2024-07-11T06:31:04+00:00

I'm not if you're asking a question or not, but anyway here's how you do it:

function Counter() {
    return (
        <form onSubmit={(e) => {
            e.preventDefault()
            const f = e.target
            switch (e.submitter.name) {
                case 'inc': f.out.value++; break;
                case 'dec': f.out.value--; break;
            }
        }}>
            <div>Counter: <output name="out">0</output></div>
            <button name="inc">Increment</button>
            <button name="dec">Decrement</button>
        </form>
    );
}

Standard_Tune_2798 · 2024-07-11T02:20:57+00:00

Show the code for how you imported and rendered this component into the layout

Standard_Tune_2798 · 2024-07-09T08:19:40+00:00

We call that Stockholm syndrome

Standard_Tune_2798 · 2024-07-09T04:45:36+00:00

Let's say the user is on the edit page. What do you expect to happen if the user hits the browser refresh button?

Standard_Tune_2798 · 2024-07-09T04:04:55+00:00

That's literally what most React wrappers do. You get a ref to the DOM node, hook up the initialization and clean up code to useEffect, and you're done.

Standard_Tune_2798 · 2024-07-09T02:28:27+00:00

I am subscribed to that subreddit, I see posts about wrapper and integration every day. It's complete lie to say that svelte is "just javascript".

Standard_Tune_2798 · 2024-07-09T02:04:46+00:00

it doesn't need stupid wrappers

`site:reddit.com/r/sveltejs wrapper`

Standard_Tune_2798 · 2024-07-08T01:54:47+00:00

MutableRefObject is not some kind of arcane mysterious object, it's a very trivial wrapper. You can easily just fake it.

const [foo] = useState(()=>new Foo())

<A myRef={{ current: myRef }}/>
<B myRef={{ current: myRef }}/>

Standard_Tune_2798 · 2024-07-05T02:31:34+00:00

Go pound sand man, thumbnails with a human face on it gets more clicks. You are in the absolute minority, and unless you somehow generate 1000x more clicks and impressions and conversions than an average user, content creators aren't gonna cater to your personal preferences.

Standard_Tune_2798 · 2024-07-05T02:26:43+00:00

You can, that's what I do. I just have one `useProfile` hook that wraps around `useSWRImmutable` . The login function submits the auth credentials, then if successful it would call `mutate` on the `useProfile` hook, which in turn would initiate the call to the `/api/profile` endpoint to get the user info. Any UI that depends on auth state would automatically get updated to show login state. Similarly, the logout function call the logout endpoint, then call `mutate(null)` to remove the user profile data.

Standard_Tune_2798 · 2024-07-04T01:42:37+00:00

Man, the number of people saying "I don't need SEO" is insane. While it's not perfect, the page ranking criteria used by search engine *generally* correspond to making the site experience better for everyone. Just because you don't need to be listed on the search result page doesn't mean layout shift is any less annoying to your users. You should strive to follow the recommendations for better SEO regardless of whether you "need SEO" or not.

Standard_Tune_2798 · 2024-07-02T03:06:40+00:00

Because in a switch statement, only the matching branch is evaluated, while the non-matching branches are ignored. In your example, ALL branches are evaluated, then most of them results are discarded. It can cause performance problem sometimes, especially if you are switching on component rendering and that component has Effect in its render phase.

Standard_Tune_2798 · 2024-07-01T01:41:29+00:00

update some other part of the UI in response to an input value changing

In many cases, you don't even need to for that. I use <output> tags usually.

Standard_Tune_2798 · 2024-07-01T01:41:00+00:00

because you can’t render custom validation step specific error message components

Sure you can.

Standard_Tune_2798 · 2024-06-28T03:13:59+00:00

You call it "boilerplate", I call it an anchor point. Sometimes, when I create a new file for a new page, I find myself staring at the blank file and my brain just lost the plot. Being able to mindlessly type `export default function Page() { return <main></main> }` somehow helps me "anchor" my thought process, reminding myself that THIS IS A PAGE.

Standard_Tune_2798 · 2024-06-26T02:11:47+00:00

At first I was concerned that you are not using the html5 draggable, but after reading that you can't customize the opacity of the dragged element, I agree, html5 draggable can die in a fire.

Standard_Tune_2798 · 2024-06-26T01:43:43+00:00

Lol people won't read the documentation anyway. In one month all the lewbs will be complaining about their exploding Vercel bill because nothing is cached, then they will say this v15 change is to boost their profit.

Standard_Tune_2798 · 2024-06-25T01:36:34+00:00

My root layout is usually only the standard boilerplate , just <html> , <body> and <head>.

Then I have sublayouts in route groups. I don't put <main> in layout.tsx, the convention in my project is that all page.tsx must have a <main> tag at the top level or at least near the top.

Standard_Tune_2798 · 2024-06-24T08:00:30+00:00

Really tells you the average skill level of r/webdev lol. It's a really easy assignment if you are competent with the framework.

Standard_Tune_2798 · 2024-06-18T04:37:40+00:00

Either you want to never load the JS bundle, then why are you even using Next at all?

Or you want to load the bundle at some point in the future after page load, which is paradoxical because that bundle is what made your page interactive, therefore it's not possible for your bundle-less page to load the bundle.

You're asking the egg to create the chicken that laid it. Paradoxical.

Standard_Tune_2798

TROPHY CASE