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

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

Found something pretty cool on the dev news. In-browser face detection and recognition! 🙈
I didn’t try it anywhere yet but the demos are very promising. Definitely will give it a try in some project…

https://justadudewhohacks.github.io/face-api.js/docs/index.html

JavaScript API for face detection and face recognition in the browser implemented on top of the tensorflow.js core API

#webdev #webdeveloper #javascript #programming

This project has caught my eye recently – InstantDB. It’s a client-side real-time database with a rather interesting architecture. It’s built with a synchronization layer between the client and the server. The idea is that the client interacts directly with the “local” database, and it gets synchronized with the backend database in the background. This approach sounds quite revolutionary for frontend development and seems to offer significant improvements in performance and app optimization for many developers. Have you had a chance to try InstantDB yet?

Website: https://www.instantdb.com/
GitHub: https://github.com/instantdb/instant

#webdev #frontend #backend #javascript #nodejs

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

⚡️ 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

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

According to the recent report from JetBrains (https://www.jetbrains.com/lp/devecosystem-2024/) #JavaScript is still number one in terms of usage globally. #Python takes the second place and catching up rapidly. #TypeScript takes the 6th place, following HTML/CSS, SQL and Java.

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

If you're using TypeScript with the Fastify web server in your Node.js projects, then check out typed-fastify (https://tfs.cooba.me). I'd say it's the only reliable solution I've found so far to achieve end-to-end type-safety using existing TS types.

https://github.com/Coobaha/typed-fastify

#webdev #nodejs #typescript #javascript

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

🤖 Monitoring servers - better late than never...

I've recently read a discussion on Reddit where devs shared solutions they use for monitoring servers. Apart from Prometheus+Grafana, that is a well-known and very common stack for medium-large projects nowadays, I've noticed a couple of options that I wasn't aware of. So I thought it could be useful to share them here.

The first one is called Zabbix and it seems to be a big deal. Lots of folks use this setup to watch their hardware, and I actually decided to give it a go too. It provides everything you need for monitoring your dedicated server remotely, including nice templates and dashboards. It's not very obvious in the beginning how to run it because it has a rich set of options, but I believe you can also leverage ChatGPT to configure it for your needs 😀 Maybe later I share with you my thoughts on it after using it myself. Let me know if you're interested in that.

The second option is a small tool that might be handy for uptime and blacklist monitoring. It's called HetrixTools. What I liked about it is that it has a free plan with up to 15 uptime monitors, which is quite generous. We all love free tools, especially when running projects that don't generate any revenue, right? I'm not in need for such service right now, but feel free to test it yourself and let me know if you like it!

I'm curious to hear your opinions of these tools. If you have any other solutions that you prefer to use for monitoring servers, then also share it in the comments!

Happy DevOpsing 👨🏻‍💻 and coming Easter 🥚!

#devops #server #programming #javascript #webdev #webdeveloper

⚡️ The new AI agent mode in the VS Code is pretty sick 🤯

The video gives a great overview of this new feature and more. You will definitely learn something new from it.

https://www.youtube.com/watch?v=dutyOc_cAEU

#webdev #ai #webdevelopment #programming #javascript #typescript

If you’re trying to catch up with MCP hype, this is a nice brief technical breakdown of what the MPC is and how its architecture built. MCP have great potential I think and will definitely stay with us, so we have to learn how to build and consume them. Do you build/use MCP servers already?

https://youtu.be/FLpS7OfD5-s?si=YC41ClxQYN6zqaBZ

#mcp #ai #webdev #webdevelopment #javascript