JavaScript Room - all about web dev
1.01K subscribers
100 photos
196 links
Blog about web development - news, tips & tricks and more…
#webdevelopment, #frontend #programming #programmer #webdev #webdeveloper #backend #nodejs #javascript #tech #typescript
Join our dev chat: @room_js_chat
Download Telegram
Webi (https://webinstall.dev) - CLI installer for a wide range of developer tools. A swiss knife to rule them all.

Usage:
Install Node.js with Webi: curl -sS https://webi.sh/node | sh

Other tools follow the same format...

#webdev #webdevelopment #nodejs #javascript
👍1
I'm done with ESLint. Seriously.
I have been using it for many years but it has become a monster that is too complex. I've tried to migrate my projects to the latest version of ESLint (v9) and it was a disaster. Breaking changes, some extra dependencies, and a lot of configuration. It's just too much for a simple linting tool it's supposed to be. I got lost after a few hours of debugging...
I've done a quick research and found a much better alternative that I managed to set up in 10 minutes. Simple and fast, JSON configuration with schema support, TS support out of the box. Such a joy to use. Totally recommend you drop ESLint if you're still using it. This is the new hero in the linting world for me!

https://biomejs.dev/

#webdev #javascript #typescript #nodejs #webdevelopment
👍52
[Web Dev] Redirects vs. Rewrites

This sounds like a simple question, but would you be able to answer it from top of your head? Here’s the quick summary on how redirects are different to rewrites when we talk about web development. Thank me later after nailing this question on a technical interview 😎

#webdev #webdevelopment #programmer #nodejs #javascript
🔥1
Secret Llama

Secret Llama is a free and fully private chatbot. Unlike ChatGPT, the models run entirely within your browser which means:
- Your conversation data never leaves your computer.
- After the model is initially downloaded, you can disconnect your WiFi. It will work offline.

Supported browsers: Chrome, Edge (GPU required)

Website: https://secretllama.com/
GitHub: https://github.com/abi/secret-llama

#webdev #ai #llm #webdevelopment
👍3
The gRPC protocol and its tooling seem to have improved significantly over the past few years. I haven't used it yet but seriously considering it for my next projects. I've stumbled upon this article that gives a very practical overview of the current state of the gRPC ecosystem:

https://kostyay.com/grpc-5-years-later-is-it-still-worth-it-b181a3b2b73b

What's your experience with gRPC? Have you used it and would you choose it again?

#grpc #webdev #webdevelopment
1👍1🤔1
Hi everyone!
Today I'd like to share this absolutely ultra-cool CSS Flexbox guide from Josh Comeau. I've met him in person some years ago, when he was presenting some CSS stuff on a React conference. This person knows very well what he's doing, and he's extremely good in frontend. Just found this tutorial on his blog and it's amazing!
He also made a few courses that you can find on this website, in case you want level up your frontend skills.

So, here the link to the Flexbox tutorial - https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/

Thank me later ;)

#css #frontend #javascript #reactjs #webdev #webdevelopment
1
Object.groupBy() is a relatively new method in JavaScript this gives more flexibility to devs design the code in a nicer way. Nice replacement for the reduce() method in some cases. Do you use it already?
.
#webdev #javascript #typescript #nodejs #programming #webdevelopment
🔥3
Promise.withResolvers() method is a new way of dealing with promises in #javascript . It feels much better using this method when you need to manage resolve and reject functions outside of the executor function. #webdev #webdevelopment #typescript #webdeveloper #nodejs #frontend #programmer
👍2
Temporal API is a game changer that makes working with dates in native #javascript way more bearable. You can deal with dates and times separately, and adjust the date in much easier way. Cool stuff!
.
#webdev #webdevelopment #js #nodejs #coding #programming #typescript #frontend
🔥1
Consequent question: Deno or Bun? They both are great tools, from my point of view. Here I have listed how they approach different aspects of the web development. So it depends on you what to choose, but make sure you read it first.
.
#javascript #typescript #nodejs #webdev #webdeveloper #webdevelopment #programmer #frontend #backend
🔥1
⚡️ Highly informative and insightful reads from the Google Chrome team for all web devs out there. Understanding the browser architecture can lead to significant improvements when building complex and distributed projects. Even if you're familiar with the topic, dedicate 15-20 minutes to read through this 4-articles series, you're not going to regret it.

Inside look at modern web browser
- Part 1: https://developer.chrome.com/blog/inside-browser-part1
- Part 2: https://developer.chrome.com/blog/inside-browser-part2
- Part 3: https://developer.chrome.com/blog/inside-browser-part3
- Part 4: https://developer.chrome.com/blog/inside-browser-part4

#webdev #webdevelopment #javascript #programming #frontend #backend #nodejs #html #css #webdeveloper
2👍2
In case you didn’t know, since recently you can run TypeScript files with Node.js natively, without transpiling to JavaScript. It is still an experimental feature and has some limitations, beware of that. Obviously, too early for the use in production, but it’s a great step forward.

Read more about this feature: https://nodejs.org/en/learn/typescript/run-natively

#nodejs #typescript #javascript #webdev #webdevelopment
🔥3👍1
Yjs (https://github.com/yjs/yjs) - #JavaScript framework for building collaborative web apps. In case you need to build a sharable drawing board or to-do list, this framework can save your life. Also, it has a nice interactive tutorial - https://learn.yjs.dev 🧑‍💻

#webdev #webdevelopment #typescript #nodejs #frontend #websocket
👍1
Are you developing an open-source library/project in the #AI space? Then check out the new fund from #Google, it may sponsor your tool…💰

https://web.dev/blog/web-ai-acceleration-fund

#webdev #opensource #programming #webdevelopment
We all love cheatsheets, right? Here's the one for Docker CLI!

#docker #cli #devops #webdev #webdevelopment
🔥2
To Next or not to Next?...

Next.js is a legendary web dev framework. Arguably, it's the most popular choice across web engineers for building SaaS and web projects. I'm not a deep expert in #nextjs, although I used it for a while and quite liked it a couple of years ago. I liked its flexibility in SSR/no-SSR rendering, and other cool features. But I've recently had several chats with web devs where we discussed Next.js. So I noticed more and more people complaining that Next became unreliable, too cumbersome and fragile. It seems like Next.js has really changed since then. Also, we have Astro, Svetle, Remix and other competitors around. The latter one in particular is the one I'm working with right now, and it looks quite interesting so far...

What is your favorite framework for building a SaaS or web project nowadays?

#webdev #nodejs #javascript #typescript #webdevelopment #webdeveloper