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
Upptime is an open-source status monitoring system written in TypeScript. Just tested it myself, it took me just an hour to setup and configure the simple status monitoring website for JavaScript Room projects (status.roomjs.com). Check it out if you want to start monitoring your websites!

- github.com/upptime/upptime

- upptime.js.org

#javascript #typescript #dart #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper

--
Follow JavaScript Room in Instagram, Twitter, Facebook

SUPPORT PROJECT
Getting back to Bun that recently released a stable version. Just found a large curated list of related resources.
You can find there several alternatives to Express.js built on Bun. One of the hottest seems to be Elysia.js

Check it out on GitHub:
https://github.com/oven-sh/awesome-bun

Elysia.js: https://elysiajs.com/

#webdev #webdevelopment #webdeveloper #javascript #typescript #programming
👍1
Flytrap - a fresh debugging tool for developers competing with the well-known Sentry. It helps to catch bugs in your frontend applications and deeply preview and analyse them. Check the demo video to see it in action. It’s powerful!

https://www.useflytrap.com/

#webdev #webdevelopment #webdeveloper #javascript #programming #nodejs
👍4
The new version of Next.js has been released with a bunch of awesome updates on board! It's definitely one of the most popular frameworks for web development right now and the team keeps shipping cutting-edge improvements 🔥

Read more in the official blog: https://nextjs.org/blog/next-14

#webdev #webdeveloper #javascript #nodejs #frontend #backend #programming
🔥4
[TypeScript] Setting up a #typescript project can be a pain, especially in the beginning. Here’s a great article on the topic, specifically explaining how to configure correctly your project to support and run in multiple environments (browser, tests, etc). It’s important to do not mix them up and the article explains why.

https://kettanaito.com/blog/one-thing-nobody-explained-to-you-about-typescript

#webdev #webdeveloper #webdevelopment #nodejs #javascript #programming #frontend #backend
🔥3
[JavaScript] Decorators are still a new feature in #javascript and isn’t fully here yet (still a proposal), but we can start using them already (for example, in #typescript). Decorators are actually quite helpful in some cases, let’s list some of them here.
.
#js #webdev #webdevelopment #programming #programmer #coding #nodejs #reactjs #angularjs #webdeveloper
4
[Software Development] Graph Databases is quite a hot topic nowadays. More and more job descriptions mention Neo4j and other solutions, which is a strong signal for all developers. Even if you’re not specializing in DBs, it’s good to understand the basics. That’s why this post is being created, so you’re not afraid to be asked about graph databases on your next interview…
.
#softwaredeveloper #softwareengineer #softwareengineering #softwaredevelopment #programming #database #software
🔥4
[TypeScript] Do you know the role of the “declare” keyword in #typescript? It helps to reduce the gap between JS runtime environment and the TS type checking system. Basically, you need it to explicitly type an untyped (often third-party) code. Look at the examples to see some use cases.
.
#javascript #nodejs #webdevelopment #webdev #webdeveloper #programming #programmer #backend #frontend
👍2🔥1
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
🔥2
Scrolling GitHub is always fun...

A couple of days ago I've spotted this tool, that actually solves quite an annoying problem - monitoring a Docker container logs in real-time. Some folks built UI for that - https://dozzle.dev/. It explicitly mentions that the logs are not being stored anywhere and just being displayed in real-time for debugging (mostly) purpose, which is fine for many cases. So, if you use Docker you may find it useful at some point. I will definitely keep it in mind...

Github: https://github.com/amir20/dozzle

#webdev #docker #programming
👍1
ProfileMe.dev - a pretty nice tool for making your GitHub profile great again! Customize your main page and give it a fresh look in a matter of seconds.

https://www.profileme.dev/

#webdev #github #coding #programming
2
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
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
⚡️ 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
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
🤖 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
👨‍💻1