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
- 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
GitHub
GitHub - upptime/upptime: ⬆️ GitHub Actions uptime monitor & status page by @AnandChowdhary
⬆️ GitHub Actions uptime monitor & status page by @AnandChowdhary - upptime/upptime
[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
.
#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
.
#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
.
#javascript #programmer #typescript #webdev #webdeveloper #frontend #backend #nodejs
👍4
💥 iconbuddy.app - 180K+ open source icons for your next project!
#webdev #webdevelopment #frontend #javascript #html #css #webdeveloper #programming
#webdev #webdevelopment #frontend #javascript #html #css #webdeveloper #programming
👏1
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
https://www.builder.io/blog/bun-vs-node-js
#webdev #webdevelopment #programmer #nodejs #frontend #backend #javascript #typescript
Builder.io
Bun vs Node.js: Everything you need to know
What's the essence of Bun? In this article, let’s dive deep into Bun, check out its features, and find out how it compares to the well-established Node.js.
🔥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
https://hackernoon.com/mastering-javascript-shorthand-tips-for-beginners
#typescript #webdev #webdeveloper #webdevelopment #frontend #backend #programmer #js #coding #nodejs #reactjs
Hackernoon
Mastering JavaScript Shorthands
Today, we'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant.
❤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
#css #javascript #html #frontend #web #webdev #webdevelopment #webdeveloper #programmer
👍1
[CSS] A new way of switching theme colors in #css is coming - embrace the ‘light-dark()’ method.
It’s currently experimental and only supported by the latest Firefox browser, keep that in mind.
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
#html #javascript #frontend #programming #webdev #webdevelopment #webdeveloper
It’s currently experimental and only supported by the latest Firefox browser, keep that in mind.
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
#html #javascript #frontend #programming #webdev #webdevelopment #webdeveloper
Bram.us
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
👍2🔥2
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
Read more in the official blog: https://nextjs.org/blog/next-14
#webdev #webdeveloper #javascript #nodejs #frontend #backend #programming
nextjs.org
Next.js 14
Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more.
🔥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
https://kettanaito.com/blog/one-thing-nobody-explained-to-you-about-typescript
#webdev #webdeveloper #webdevelopment #nodejs #javascript #programming #frontend #backend
kettanaito.com
One Thing Nobody Explained To You About TypeScript
One of the most common mistakes in configuring TypeScript.
🔥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
.
#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
.
#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
Website: https://www.instantdb.com/
GitHub: https://github.com/instantdb/instant
#webdev #frontend #backend #javascript #nodejs
Instantdb
InstantDB: A Modern Firebase
We make you productive by giving your frontend a real-time database.
👍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
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
Joshwcomeau
An Interactive Guide to Flexbox in CSS • Josh W. Comeau
When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things. Fluid layouts that stretch and shrink without arbitrary breakpoints. In this action-packed interactive tutorial, we'll pop the hood on the Flexbox algorithm…
❤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
.
#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
.
#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
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
Chrome for Developers
Inside look at modern web browser (part 1) | Blog | Chrome for Developers
Learn how browser turn your code into functional website from high-level architecture to the specifics of the rendering pipeline.
❤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
#webdev #webdevelopment #typescript #nodejs #frontend #websocket
GitHub
GitHub - yjs/yjs: Shared data types for building collaborative software
Shared data types for building collaborative software - yjs/yjs
👍1