Type of Web

Blog o frontendzie i backendzie. JavaScript, TypeScript, programowanie funkcyjne. Szkolenia.

[Type of Web @pl_typeofweb]

@piecioshka Za duża liczba blogów i limit czasu wykonywania funkcji na vercelu. PRs are welcome!

[Type of Web @pl_typeofweb]

Strona Polski Frontend wróciła do życia i jest teraz pod moją opieką! #javascript #frontend #typescript
Cały kod jest Open Source i w planach mam zaangażowanie społeczności w rozwój projektu! Oczekujcie kolejnych postów w temacie ;)
https://t.co/l0qKERXhWN

[Type of Web @pl_typeofweb]

@MMiszy @tlakomy @DvDomin @xunaix Całkowicie zgadzam się z Michałem.

[WarsawJS @warsawjs]

Nice lineup! Congrats @MMiszy and @zaiste 👏

[Samir Alibabic @samiralibabic]

Day 24 of #100DaysOfCode & #Hacktoberfest

Today I was looking into @getsaleor and it's @nextjs Storefront. Hopefully I can contribute to this nice project during #Hacktoberfest2023

It needs some SEO optimization:

[Jakub Neander (Zaiste) @zaiste]

Storefront Example from @getsaleor is almost ready for Next.js 14 🎉

[Cory House @housecor]

Can someone show me a an HTML form that uses the browser’s native validation APIs and:

1. Has custom styles for the native error messages so they look the same across browsers

2. Displays an error summary at the top of the form, or focuses the invalid field on submit

3. Runs validation logic on each keystroke so the error disappears the moment an invalid field is fixed

4. Handles logic chaining (if this field has value x, this other field is required and must have value y or z)

Anyone have a working example?

[Gokul Rajaram @gokulr]

CEOs: one best practice to get advice ("how do I do X?") is to reach out to other founders CEOs whose company is 1-2 stages ahead of you, in a similar space, but non-competitive. You'll be pleasantly surprised about how open they are to helping you.

As @martin_c_mao from @chronosphereio puts it in @GergelyOrosz's newsletter: "I never realized how most founders and CEOs give a lot more time than you would expect. For example, one CEO in particular, from a publicly traded infrastructure company, has helped me out no end. If I text this CEO about something, he’ll make time to help and offer support, even though I know how busy he is. I notice that most such CEOs are really protective of their time, yet they’re still willing to carve out time for other founders. This makes me want to pay it forward as well, and help earlier-stage founders too."

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip! 🚀

You can create auto-resizing text inputs with one line of CSS 🤯

textarea {
form-sizing: content; 👈 That's it!
}

The size of your input will grow to fit your content. If you want to constrain the size, do something like this:

textarea {
form-sizing: content;
min-height: 2lh;
max-height: 10lh;
}

This one's awesome. Think about how much effort it will save you 🙌 No more JavaScript to sync a textarea height to fit the content 🔥

Perfect for chat interfaces, messaging, comments, etc. 📢

@CodePen link below! 👇

[JLarky @JLarky]

Bun is stable*

*definition of stable was provided by Next.js team

[Cory House @housecor]

Bun is exciting.

But Bun’s “all-in-one”approach has many risks and downsides:

🚫 Bun will often lag behind changes to the separate tools it replaces. When JS tools innovate, will Bun be able to quickly support something similar?

🚫 If it’s buggy or insufficient, Bun is harder to replace than separate tools.

🚫 Can I still mix and match tools to select a “best-of-breed” stack?

🚫 Higher risk - The tool chain is reliant on one team instead of many. What if Bun’s small team burns out or runs out of funding? Replacing Bun quickly may be hard.

🚫 Lack of ecosystem. Will cloud providers support Bun? Will a community form around Bun to provide extensions and support? Are the docs sufficient?

🚫 Will Bun honor JS standards or seek to “extend and extinguish”? The latter is a common approach that makes products sticky, but also breaks compatibility. Bun already has some non-standard behaviors.

🚫 Can one small team support something this complex long term?

To be clear, I’m rooting for Bun. But what they’re trying to accomplish is hard and risky. Will it work?

[Emma Dawson @EmmaDawsonDev]

Last night I was watching a conference talk called how to make accessible react components and the first piece of advice was to use aria roles like this <div role=button>click</div>

😭

Please don’t do this.

[Type of Web @pl_typeofweb]

⏰ Dzisiaj ostatni dzień zapisów na NEXT 13 MASTERS w cenie promo!
Zapisało się grubo ponad 250 programistów i programistek 🤯
Next.js 13 to całkowita rewolucja. #ReactServerComponents, #WebAPI #reactjs
Będzie to absolutny TOP 1 frameworków w 2023/2024.

https://t.co/jdY5iCgqNO

[Type of Web @pl_typeofweb]

Nadal zastanawiasz się, czy dołączyć do #next13masters?! Zobacz, jak wygląda projekt finalny kursu. Zbudujemy appkę #nextjs #ecommerce: produkty, wyszukiwarka, paginacja, sortowanie, recenzje, produkty sugerowane przez #AI, koszyk, płatności #Stripe
https://t.co/rSFG42opak

[fks @FredKSchott]

There have been zero commits to the Gatsby repo in the last 24 days.

[Taylor Otwell @taylorotwell]

Tailwind is the only maintainable way to style websites. 🤷‍♂️

[Type of Web @pl_typeofweb]

@sebrindom @medusajs Then it throws TypeScript errors:

[Alex Sidorenko @asidorenko_]

Server Actions in Next.js 13

[Theo - t3.gg @theo]

What’s worse than a person you hate being right? Them being funny

[Type of Web @pl_typeofweb]

@matteocollina Is there a text version of this? Would be great