منشورات FrontEnd Development على Telegram

How I Improved My Angular 17+ Skills Through 100 Days of Code - https://javascript.plainenglish.io/how-i-improved-my-angular-17-skills-through-100-days-of-code-c1c801867e3d

#angular

Change font-weight based on the user's screen DPI

Stanko Tadić explains how and why you should change the font-weight for high-dpi screens. - https://muffinman.io/blog/font-weight-based-on-dpi

#css

Common Vuejs Development Mistakes

Using non unique Id’s for v-for loops
Non reactive value as a dependency
Replacing reactive value - https://medium.com/@dimeji.ogunleye20/common-vuejs-development-mistakes-10877bdc591d

#vue

Micro Frontend: Run-Time Vs. Build-Time Integration

Micro frontend architecture is a technique for splitting an app’s frontend into smaller, easier-to-manage modules. It works similarly to the microservices architectural design used in back-end development and helps improve scalability and efficiency in front-end development. - https://www.syncfusion.com/blogs/post/micro-frontend-run-time-vs-build-time

#microfrontends

React and OpenLayers Integration: A Comprehensive Guide

Add interactive maps to your React app by integrating with the well-established OpenLayers mapping library. - https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react

#react

The January 21, 2025 Security Releases Arrived

Security updates for versions 18.x, 20.x, 22.x, and 23.x, addressing vulnerabilities including a high-severity worker permission bypass. Patches also cover path traversal issues on Windows & HTTP/2 memory leaks. - https://nodejs.org/en/blog/vulnerability/january-2025-security-releases

#nodejs

Angular’s effect(): Use Cases & Enforced Asynchrony

Angular's Signals are designed with simplicity in mind, providing three core functions: signal() to create Signals, computed() for derived Signals, and effect() to handle side effects. - https://www.rainerhahnekamp.com/en/angulars-effect-enforced-asynchrony/

#angular

Import .md file as Vue.js Components

This Vite plugin adds support for importing a Markdown file as a Vue component.
Works with Vue 2 & 3. - https://vuejsfeed.com/blog/vite-vue-md-import-md-file-as-vue-js-components

#vue

Dynamic Focus Zoom Effect with CSS @property

Jo Mändle explains how to create a dynamic focus zoom effect using CSS custom properties and a radial-gradient mask. - https://www.jomaendle.com/blog/focus-zoom-at-property

#css

React Query - The Bad Parts Tradeoffs?

Dominik caps off a fantastic series of posts digging into React Query (and spanning years) with an annotated set of slides from a recent talk digging into frequent criticisms about the project. If you're a React Query user, you might learn a few things here. - https://tkdodo.eu/blog/react-query-the-bad-parts

#react