FrontEnd Development

Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019

Recent Posts

How to Set Up Next.js 15 for Production in 2024

Share in this author’s experience in scaling up Next.js apps to over 100k monthly active users and millions of monthly visitors. - https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production

#react

Chasing Color

Adam Stoddard investigates what an ideal CSS color system might look like. - https://aaadaaam.com/notes/chasing-color

#css

How to Create Dynamic Forms in Angular Using a Dictionary Interface

Creating dynamic forms in Angular can be a powerful way to handle flexible data structures, especially when… - https://blog.stackademic.com/how-to-create-dynamic-forms-in-angular-using-a-dictionary-interface-36aac956fa86

#angular

Understanding npm audit and Fixing Vulnerabilities

npm audit checks your project’s dependencies for security issues by comparing them to a known vulnerability database. - https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/

#nodejs

The Definitive Guide To Building Cross-Platform Apps With Vue (Quasar)

Quasar is a VueJs framework that can build mobile, desktop, and web apps. This guide touches on 11 aspects of Quasar that will set your Quasar journey on fire ️ - https://vueschool.io/articles/vuejs-tutorials/the-definitive-guide-to-building-cross-platform-apps-with-vue-quasar/

#vue

Managing Advanced Search Param Filtering in the Next.js App Router - https://aurorascharff.no/posts/managing-advanced-search-param-filtering-next-app-router/

#react

Benchmarking the Performance of CSS @property

Bramus Van Damme explores the performance of @property, its impact, and things you can do to help prevent negative influence. - https://web.dev/blog/at-property-performance

#css

What should we expect from Software Architects? - https://medium.com/@nfigay/what-should-we-expect-from-software-architects-aeb92ef6d7c7

#architecture

Data fetching patterns in Angular

Angular ships with various built-in features that support us in applying reliable patterns in a simplified… - https://medium.com/medialesson/data-fetching-patterns-in-angular-185da4cfbcde

#angular

How to Build High-Performance Astro Apps with Vue Components: A Step-by-Step Guide

This guide covers prerequisites and steps to integrate Syncfusion Vue components into an Astro app. - https://syncfusion-blogs.hashnode.dev/how-to-build-high-performance-astro-apps-with-vue-components-a-step-by-step-guide

#vue

Node v23.1.0 (Current) Released

Node 22 takes a breather, but Node 23 picks up the ‘Current’ baton and will get all the juiciest new features until Node 24 arrives in April/May 2025. In v23.1, JSON modules and import attributes are now stable, the MockTimers test runner API is stable, and Buffer objects created from resizable ArrayBuffers will now update their size properly. - https://nodejs.org/en/blog/release/v23.1.0

#nodejs

In-Depth Exploration of JavaScript Execution Context

Whether you are a JavaScript beginner or expert, whether for a job interview or daily development work, we… - https://blog.stackademic.com/in-depth-exploration-of-javascript-execution-context-82974bb068c7

#javascript

How to (Not) Reset a Form After a Server Action in React

“There was a period when forms didn’t reset automatically (...) Recently, the forms started resetting automatically, and now everyone wants to know how to keep them intact in case of a (validation) error.” - https://www.robinwieruch.de/react-server-action-reset-form/

#react

CSS Nesting Improves with CSSNestedDeclarations

Bramus Van Damme explains why the CSS Working Group resolved to add the CSSNestedDeclarations interface to the CSS Nesting Specification. - https://web.dev/blog/css-nesting-cssnesteddeclarations

#css

You're Probably Using Nuxt Wrong

This video explains the difference between useFetch and useAsyncData in Nuxt. It also provides a decision tree to help you choose the right option for your project. - https://www.youtube.com/watch?v=b1S5os65Urs

#vue

Transformers.js v3: Now You Can Run Transformers in Node.js

A JavaScript port of Hugging Face’s transformers Python library that makes it possible to run natural language, vision, and audio machine learning models. v3 adds WebGPU support and now supports Node (plus Deno and Bun) as well as the browser. - https://huggingface.co/blog/transformersjs-v3

#nodejs

Angular: Integrating Micro-Frontends using ModuleFederation

In this 4 part series, we will use the Module Federation technique offered by Webpack to achieve the… - https://javascript.plainenglish.io/angular-integrating-micro-frontends-using-modulefederation-part-i-4fc01628b9d2

#angular

Load Balancers in Distributed Systems — An In-Depth Overview

In the realm of distributed systems, load balancers play a crucial role in ensuring efficient resource… - https://thinksoftware.medium.com/load-balancers-in-distributed-systems-an-in-depth-overview-4d740d5898f0

#system#design

CSS Anchor Positioning Guide

Juan Diego Rodríguez created an in-depth guide on CSS Anchor Positioning, including its syntax and properties, positioning one element next to another, and even resizing elements relative to other elements. - https://css-tricks.com/css-anchor-positioning-guide

#css

How Do I Drag and Drop in Vue?

This article guides you to providing a drag and drop feature in a Vue.js application. - https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/

#vue

See more posts

View in Telegram