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:
Other tools follow the same format...
#webdev #webdevelopment #nodejs #javascript
Usage:
Install Node.js with Webi:
curl -sS https://webi.sh/node | shOther tools follow the same format...
#webdev #webdevelopment #nodejs #javascript
webinstall.dev
Effortlessly install dev tools with easy-to-remember URLs.
👍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
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
Biome
Format, lint, and more in a fraction of a second.
👍5❤2
[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
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
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
GitHub
GitHub - abi/secret-llama: Fully private LLM chatbot that runs entirely with a browser with no server needed. Supports Mistral…
Fully private LLM chatbot that runs entirely with a browser with no server needed. Supports Mistral and LLama 3. - abi/secret-llama
👍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
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
Medium
gRPC: 5 Years Later, Is It Still Worth It?
5 years with gRPC: Is it still my go-to for communication? Dive into my journey and discover if this protocol stands the test of time.
❤1👍1🤔1
Docker Swarm vs. Kubernetes - great overview of both systems!
https://spacelift.io/blog/docker-swarm-vs-kubernetes
#devops #webdev #webdevelopment #docker #kubernetes
https://spacelift.io/blog/docker-swarm-vs-kubernetes
#devops #webdev #webdevelopment #docker #kubernetes
Spacelift
Docker Swarm vs. Kubernetes - Key Differences Explained
Discover the similarities and differences between Docker Swarm and Kubernetes and see which is better for your use case.
❤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
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
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
.
#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
.
#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
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
Read more about this feature: https://nodejs.org/en/learn/typescript/run-natively
#nodejs #typescript #javascript #webdev #webdevelopment
nodejs.org
Node.js — Running TypeScript Natively
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
🔥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
#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
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
https://web.dev/blog/web-ai-acceleration-fund
#webdev #opensource #programming #webdevelopment
web.dev
Announcing the Web AI Acceleration Fund | Blog | web.dev
We all love cheatsheets, right? Here's the one for Docker CLI! ✅
#docker #cli #devops #webdev #webdevelopment
#docker #cli #devops #webdev #webdevelopment
🔥2
Pretty accurate guide on a simple web server setup on a Linux VM. Maybe it will be useful for those who want to deploy their app on Hetzner and don’t know where to start.
https://swiftace.org/posts/deploy-web-app-to-cloud-vm
#webdev #webdevelopment #linux #deployment #webapp
https://swiftace.org/posts/deploy-web-app-to-cloud-vm
#webdev #webdevelopment #linux #deployment #webapp
swiftace.org
How to Deploy a Web App to a Cloud VM - SwiftAce
Let's walk through the process of deploying a web application to a Linux-based [cloud virtual...
👍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
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
⚡️ 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
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
YouTube
VS Code Agent Mode Just Changed Everything
Ever wished your code editor could write your app, talk to your database, and even follow documentation like a real dev? Same.
In this video, I'll show you how to use agent mode, MCP Servers and PRD documents to build an entire app complete with database.…
In this video, I'll show you how to use agent mode, MCP Servers and PRD documents to build an entire app complete with database.…
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
https://youtu.be/FLpS7OfD5-s?si=YC41ClxQYN6zqaBZ
#mcp #ai #webdev #webdevelopment #javascript
YouTube
Why MCP really is a big deal | Model Context Protocol with Tim Berglund
Blog: https://www.confluent.io/blog/ai-agents-using-anthropic-mcp | Tim Berglund is back at the lightboard with *MCP* (Model Context Protocol). MCP really _is_ a big deal, but most people are missing the point. It's not just about enhancing desktop applications…