Code artist ❤️ (Senior Systems Developer w/ 20+ years of experience) that fetches JSON and renders rectangles with React. Tweet in 🇺🇲.
Degerfors, Sweden
Joined August 2009
- Tweets453
- Following1.2K
- Followers110
- Likes2K
This is so dope! Someone has to much free time(?) and has made a Win11 UI with Svelte. And. You can launch VS Code within it with the whole solution working. And of course, you can launch it again from within the VS Code preview 😅
1
193
Good intro to Remix (and Next.js 🤪), even if you haven't used Next.js
"Remix didn't have to ship a single character of code for that top-notch handling of asynchrony. #useThePlatform ... or, uh, #reuseThePlatform 😎?!"
One question we get quite often is how Remix compares to Next.js. Today we're answering that question 👀
The short answer is that we think Remix makes better trade-offs than Next in a variety of areas, both in DX and UX.
The long answer 😅👇
remix.run/blog/remix-vs-next
Woa! @turborepo is now open source! I would love to get time to try it out on our monorepo!
Vercel has acquired Turborepo, a high-performance build system.
vercel.com/blog/vercel-acqui…
2
Using #react? Then you need to read this. Even if you are not considering @remix_run. It shows the different approaches between React server components, Next.js & remix. It also gives you a clear understanding about the different ways to load data and how it affects the UX.
This is pretty important. Give this a read today: remix.run/blog/react-server-…
The hype is real!
Mark the date 📆! Remix is going free and open source on Monday and the team will be hosting a live stream to answer your questions!
Join discord.gg/remix to ask questions.
And hit the bell 🔔 on the video: youtube.com/watch?v=wsJaUjd1… to be notified when we go live!
1
@vite_js is so fast in comparison that you think that something must be wrong.
Many #React devs consider create-react-app the obvious choice.
But that era is passing.
- It’s not supported by Meta full-time anymore
- There are faster, more powerful alternatives
- It was never intended to be the “best” way, merely a simple way
More: github.com/facebook/create-r…
Slim chance, but would be so cool #XboxAllStarBrawlSweepstakes
🧽 x 🐢
Follow and RT with #XboxAllStarBrawlsweepstakes for a chance to win one of these vibrant @NickBrawlGame Xbox Series X consoles.
Age 18+. Ends 10/24/21. Rules: xbx.lv/3DuviGj
ALT Two custom Xbox Series X console and controllers modeled after Spongebob Squarepants and Teenage Mutant Ninja Turtles respectively.
I sure can identify myself with the dopamine addiction to news, social media and audiobooks. Really good thread.
On Aug 1, I woke up and didn’t want to get out of bed.
I felt…blank. Hollowed out. I’d felt this way for months.
I couldn’t enjoy anything.
I didn’t care about work.
I didn’t want to talk to anyone.
I wasn’t necessarily depressed. Objectively life was amazing...
What an amazing release! I need this now 😃
TypeScript 4.4 is here!
Now with
✔ Smarter Control Flow Analysis
✔ Symbol & Pattern Indexers
✔ Stricter Checks
✔ Speed Improvements
✔ Inlay Hints
✔ Revamped --help
and more! Read up more on our blog! devblogs.microsoft.com/types…
ALT A preview of inlay hints in Visual Studio Code. The code instantiates a 'Color' class and gets inlay hints for the parameters.
Yes please 😊
github.com/facebook/react/pu…
This sounds huge to me. There has been a big misconception in the community (including myself in the past). We've been using ref weirdly only to avoid false positives.
In the same category, there are useLayoutEffect warning and array index key fallback...
1
I need a faster work computer or more efficient web development tools! (I also don't get why the CPU doesn't do 3,4 GHz turbo when under heavy load, but when the load drops to 25% it does). #webdev
Wow! This is simply incredible!
🎉 It's finally ready! I've been hacking on something for the past couple months and it's absurdly great. It's time for more powerful web apps.
Announcing "A future for SQL on the web": jlongster.com/future-sql-web
Really great article on HTTP/3 and the underlying QUIC protocol. smashingmagazine.com/2021/08… via @smashingmag
1
Wow 🤯
Today we’re excited to bring Node.js back to its roots - the browser!
Together with @googlechrome and @vercel, we're enabling a new type of development and debugging experience that was not possible before: 🧵
blog.stackblitz.com/posts/in…
2
This is really interesting, especially lazy development builds. Would love to get time to try this in our monorepo which currently is a mix between rollup and CRA.
📢 Super excited to announce Parcel's new JavaScript compiler!
🚀 Up to 10x faster
🦀 Written in Rust
🐠 20x faster transpilation via SWC
🌳 Improved scope hoisting
Excited to build on this foundation and improve performance even further! 🤩
Details: v2.parceljs.org/blog/beta3/
That's just awesome 😎
Tip: You can name capture groups for Regular Expressions in JavaScript. Define a named capture in angle brackets <> and they get returned under .groups.
![This feature is about identifying capture groups via names. // Without named capture groups const re = /(\d{4})-(\d{2})-(\d{2})/; const match = re.exec('2021-03-04'); console.log(match[1]); // → 2021 (year) console.log(match[2]); // → 03 (month) console.log(match[3]); // → 04 (day) // With named capture groups 🔥 const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/; const match = re.exec('2021-03-04'); console.log(match.groups.year); // → 2021 console.log(match.groups.month); // → 03 console.log(match.groups.day); // → 04 // ... and with destructuring assignment 🔥🔥🔥 const [match, year, month, day] = re.exec('2021-03-04');](https://pbs.twimg.com/media/EzwqDp7VgAAQQnZ.jpg?name=orig)
ALT This feature is about identifying capture groups via names. // Without named capture groups const re = /(\d{4})-(\d{2})-(\d{2})/; const match = re.exec('2021-03-04'); console.log(match[1]); // → 2021 (year) console.log(match[2]); // → 03 (month) console.log(match[3]); // → 04 (day) // With named capture groups 🔥 const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/; const match = re.exec('2021-03-04'); console.log(match.groups.year); // → 2021 console.log(match.groups.month); // → 03 console.log(match.groups.day); // → 04 // ... and with destructuring assignment 🔥🔥🔥 const [match, year, month, day] = re.exec('2021-03-04');
TypeScript are improving in an incredible rate! What a release! Many things to look forward to.
A favorit is when you now start writing an import statement that doesn’t have a path, TS provide you with a list of possible imports (vs-code insiders also needed)
TypeScript 4.3 Beta is now ready to download, now with separate get/set types, the 'override' keyword, smarter template string types, private class members, editor improvements, and more! Try it today!
devblogs.microsoft.com/types…
1
Saturday night pleasure 🎡 setting up a git bash prompt to my liking with the bash-git-prompt script: github.com/magicmonty/bash-g…
ALT Screenshot of bash with git commands status with symbols and colors displayed in the bash prompt.