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
[JavaScript] A quick tip on the relatively new method at() in #javascript. See how it can improve your code too!
.
#frontend #backend #typescript #nodejs #webdev #webdeveloper
🔥4
[JavaScript] Quick tip on finding the last element in an array that matches your criteria. lastFind() method works the best here. It became available not that long ago, but already well supported by browsers. So you can use it safely now.
.
#javascript #jsdeveloper #webdev #webdeveloper #webdevelopment #nodejs #programmer #frontend
🔥2👍1
[JavaScript] Quick tip on improving error handling. Use the property cause to refer to the initial error or just to pass any context when throwing an error. This prop is optional, and it’s missing if you don’t pass anything. Also, it’s important to mention that it’s currently not supported by the Opera browser. All other browsers support it.
.
#javascript #programmer #typescript #webdev #webdeveloper #frontend #backend #nodejs
👍4
Bun keeps making noise in the web dev community. Here’s another article that compares Bun with Node.js in key parts. It’s definitely worth reading if you’re into new stacks. I won’t be surprised if projects will start migrating to Bun from now on, the differences are too sexy to be ignored

https://www.builder.io/blog/bun-vs-node-js

#webdev #webdevelopment #programmer #nodejs #frontend #backend #javascript #typescript
🔥2
Well-structured article on using shorthands in the modern JavaScript. May seem a bit obvious for experienced developers, and probably more useful for people who don’t have that much expertise in #javascript yet. Anyway, it’s worth checking out

https://hackernoon.com/mastering-javascript-shorthand-tips-for-beginners

#typescript #webdev #webdeveloper #webdevelopment #frontend #backend #programmer #js #coding #nodejs #reactjs
1👍1
playcss.app - a nice gamified way to improve and practice your CSS skills by solving daily challenges. It can definitely boost your frontend creativity to new heights.

#css #javascript #html #frontend #web #webdev #webdevelopment #webdeveloper #programmer
👍1
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
[React.js] Let’s dive into one of the latest hooks in #reactjs - useDeferredValue. It might be not obvious in the beginning why it’s needed at all. But after reading through this post you’ll definitely get few ideas about it.
.
#javascript #typescript #react #webdev #webdevelopment #webdeveloper #frontend #coding #programmer
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
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
👍2
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
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
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