I see a lot of great reviews about this ESLint config from devs on Reddit. It seems like worth trying it out. It looks very comprehensive and complete. Have you tried it in your projects already?
https://github.com/gajus/eslint-config-canonical
#javascript #typescript #webdev #webdeveloper #webdevelopment #nodejs #coding #programmer
https://github.com/gajus/eslint-config-canonical
#javascript #typescript #webdev #webdeveloper #webdevelopment #nodejs #coding #programmer
GitHub
GitHub - gajus/eslint-config-canonical: The most comprehensive ES code style guide.
The most comprehensive ES code style guide. Contribute to gajus/eslint-config-canonical development by creating an account on GitHub.
👍4❤1
[JavaScript] Sorting by a primary and a secondary field is a common task in both frontend and backend. This little helper shows how to achieve that in case of ascending order.
.
#javascript #typescript #webdev #webdevelopment #nodejs #webdeveloper #coding #programmer
.
#javascript #typescript #webdev #webdevelopment #nodejs #webdeveloper #coding #programmer
🔥3
One more option for those who want to learn web development and don’t know where to start. TheValleyOfCode looks like a great learning source for beginners and even more experienced techies.
https://thevalleyofcode.com/
#webdev #webdeveloper #webdevelopment #html #css #javascript #typescript
https://thevalleyofcode.com/
#webdev #webdeveloper #webdevelopment #html #css #javascript #typescript
Thevalleyofcode
The Valley of Code
The Valley of Code, Your Web Development Manual
🔥2❤1
[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
.
#js #webdev #webdevelopment #programming #programmer #coding #nodejs #reactjs #angularjs #webdeveloper
❤4
[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
[Web Dev] Usually we learn how to write code, but nobody teaches us how to debug and improve our solutions. But it’s critical to understand debugging and its best practices in order to build efficient applications. This post provides some thoughts on Profiling, which is debugging technique for measuring performance. The first step whenever you want to improve/fix issues in your app. What would you add from your experience?
.
#webdev #webdeveloper #javascript #typescript #programmer #webdevelopment #nodejs
.
#webdev #webdeveloper #javascript #typescript #programmer #webdevelopment #nodejs
🤩2
[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
[JavaScript] Function generators are powerful but still not very popular among developers. Possibly many of us simply don’t see use cases where we can apply them. Let’s review bright sides of function generators and find out how you can incorporate them to your projects!
.
#javascript #javascriptdeveloper #webdev #webdeveloper #webdevelopment #nodejs #typescript
.
#javascript #javascriptdeveloper #webdev #webdeveloper #webdevelopment #nodejs #typescript
👍2🔥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
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
After the recent release of Deno V2 I started seriously considering to migrate away from Node.js. Node still has a huge advantage in terms of ecosystem, but look at this 5 points: Deno is a game-changer from different perspectives. Built-in support of TypeScript is already a big deal. Are you thinking about migration too?
.
#typescript #typescriptdeveloper #javascript #javascriptdeveloper #nodejs #programmer
.
#typescript #typescriptdeveloper #javascript #javascriptdeveloper #nodejs #programmer
💯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
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
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.
JetBrains: Developer Tools for Professionals and Teams
Software Developers Statistics 2024 - State of Developer Ecosystem Report
Explore key software developer statistics for 2024 in the State of Developer Ecosystem Report. Trends, insights, and tools shaping the developer world
🎉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
If you're using TypeScript with the Fastify web server in your Node.js projects, then check out
https://github.com/Coobaha/typed-fastify
#webdev #nodejs #typescript #javascript
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
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.…