FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Using Transformers.js for AI in the Browser

Transformers.js is a seriously impressive project we link from time to time that lets you run pretrained machine learning models in the browser. Here’s a practical look at actually playing with it yourself right now. - https://www.raymondcamden.com/2024/12/03/using-transformersjs-for-ai-in-the-browser

#javascript
👍32
Optimizing Data Loading in Nuxt with Parallel Requests

Learn how to optimize Nuxt data loading performance by implementing parallel requests with useAsyncData, reducing page load times compared to sequential data fetching operations. Includes code examples and performance comparisons. - https://vueschool.io/articles/vuejs-tutorials/optimizing-data-loading-in-nuxt-with-parallel-requests/

#vue
👍42
Land Ahoy: Leaving the Sea of Nodes

A deeply technical post from a core member of the V8 JavaScript engine team that explains the limitations of Turbofan, one of V8’s optimizing compilers. If you don’t care for the internals of how your JavaScript is compiled and run, just be assured the V8 team is working to make it run even faster! - https://v8.dev/blog/leaving-the-sea-of-nodes

#nodejs
👍41
10 Backend Terms Every Frontend Developer Should Know

This post addresses the common communication gap in daily standup meetings where frontend developers often struggle to understand backend developers' updates due to specialized terminology. The author aims to explain backend jargon to help bridge this knowledge gap between frontend and backend teams. - https://dev.to/thesanjeevsharma/10-backend-terms-every-frontend-developer-should-know-2o2h

#frontend #developer
👍101
What LinkedSignal is and how to use it

Angular 19 was an amazing release and shipped great features. One of them is the LinkedSignal. The tl;dr version is that LinkedSignal is similar to the computed function, with the difference that the computed returns a read-only signal, whereas LinkedSignal returns a writable signal. Let’s dive a bit deeper to understand what it is and how to use it. - https://angular.love/what-linkedsignal-is-and-how-to-use-it

#angular
👍3
Getting Started with Nuxt Image

Learn how to optimize images effortlessly in your Nuxt app using the NuxtImg component. Discover how to transform, cache, and resize images dynamically, improving performance with just a few lines of code. - https://masteringnuxt.com/blog/getting-started-with-nuxt-image

#vue
👍3🤪1
Working with JavaScript's Scheduler API

A look at an API only available in Chromium/Edge for now, but that promises a way to prioritize and control task execution in a more refined way than was possible till now. - https://www.trevorlasn.com/blog/javascript-scheduler-api

#javascript
👍5
“Ports and Adapters” vs “Hexagonal Architecture” – is it the same pattern?

“Hexagonal Architecture” emphasizes the idea of a core surrounded by multiple sides (like a hexagon, but the number of sides does not matter) representing different external systems (adapters), with ports as their interfaces.  - https://angular.love/ports-and-adapters-vs-hexagonal-architecture-is-it-the-same-pattern

#angular
👍31
13 Vue Composables Tips That Make Your Code Better

Vue composables are incredibly powerful, but they can quickly become messy and hard to maintain if you're not careful. In this article, the author identifies 13 tips that will help you write better, more maintainable composables. - https://michaelnthiessen.com/13-vue-composables-tips

#vue
👍51
Minimal CSS-Only Blurry Image Placeholders

Lean Rada shares a CSS technique that produces blurry image placeholders (LQIPs) without cluttering your markup. - https://leanrada.com/notes/css-only-lqip

#css
👍7
Get to Know the AfterRenderEffect

Angular 19 introduced a powerful new hook called afterRenderEffect, combining the capabilities of effect and afterRender into a single, efficient function. This makes it easier to manage side effects that depend on signal changes and the completion of Angular’s rendering cycle. Before diving into afterRenderEffect, let’s briefly recap the core concepts of effect and afterRender individually. - https://angular.love/get-to-know-the-afterrendereffect

#angular
👍51
React Reconciliation: The Hidden Engine Behind Your Components

React’s reconciliation algorithm is the process by which React knows how to update the DOM based on changes to the virtual DOM and understanding how it works is essential for producing fast, efficient apps. A great look behind the scenes. - https://cekrem.github.io/posts/react-reconciliation-deep-dive/

#react
👍3🔥2
How to Build a SolidJS App with Deno

SolidJS is a declarative library for creating user interfaces that emphasizes fine-grained reactivity and minimal overhead and it plays well with Deno. - https://deno.com/blog/build-solidjs-with-deno

#solidjs
👍21
Best VS Code Extensions for Vue.js and Nuxt Developers

Extensions are the secret sauce of efficient coding, especially when working with modern JavaScript frameworks like Vue.js and Nuxt. Discover the best VS Code extensions for Vue.js and Nuxt developers to boost productivity and streamline debugging. - https://vueschool.io/articles/vuejs-tutorials/best-vs-code-extensions-for-vue-js-and-nuxt-developers/

#vue
👍4🔥21
Node.js Testing Best Practices

A detailed guide to modern testing in Node from a group of developers who know all about it. It’s on GitHub but is essentially written like a free book covering over 50 battle-tested tips covering areas as diverse as the ‘Testing Diamond’, testing microservices, checking contracts, verifying OpenAPI correctness, and simulating flaky network conditions. - https://github.com/goldbergyoni/nodejs-testing-best-practices#readme

#nodejs
👍41