Front End World
28K subscribers
4.22K photos
1 video
5.19K links
New articles about Front End development.
JS, CSS, React, Vue, Angular and others!

Russian tech blog: @five_a_m

Admin: @jem_jem
Download Telegram
Introducing your new JavaScript package manager: Deno

Deno’s new package manager, added in v2.0, is fast, flexible, and supports Node and package.json. Here’s how it works.

https://deno.com/blog/your-new-js-package-manager
New CSS that can actually be used in 2024#

Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change how to make websites.

https://thomasorus.com/new-css-that-can-actually-be-used-in-2024.html
👍3
How to (not) reset a form after a Server Action in React

Learn how not to reset a form after a erroneous server action in React. In other words, how to opt-out of the default form reset behavior in React ...

https://www.robinwieruch.de/react-server-action-reset-form/
👏1
Front End Debugging Part 1: Not just Console Log

Learn advanced techniques for debugging across the full stack, from frontend tools to system-level troubleshooting, and streamline your development.

https://debugagent.com/front-end-debugging-part-1-not-just-console-log
2🥰1
defineExpose and <style vars> in Vue 3 for component interaction and theming

Simplify component interaction and dynamic theming in Vue 3 with defineExpose and for better control and flexibility.

https://blog.logrocket.com/defineexpose-and-style-vars-vue-3-component-interaction-theming/
👍2🔥1
👍21🥰1
Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website

Feeling good with your Lighthouse score of 100%? You should! But you should also know that you’re only looking at part of the performance picture. Learn how Lighthouse scores are measured differently than other tools, the impact that has on measuring performance metrics, and why you need real-user monitoring for a complete picture.

https://www.smashingmagazine.com/2024/11/why-optimizing-lighthouse-score-not-enough-fast-website/
2🎉2
A Friendly Introduction to Container Queries

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down and make sense of them, so that you can start using them in your work.

https://www.joshwcomeau.com/css/container-queries-introduction/
es-toolkit, a Lodash alternative

es-toolkit is a lightweight, efficient JavaScript utility library, ideal as a modern Lodash alternative for smaller bundles.

https://blog.logrocket.com/es-toolkit-lodash-alternative/
Building a real-time chat app using Laravel Reverb and Vue

Build a fully functional, real-time chat application using Laravel Reverb’s backend and Vue’s reactive frontend.

https://blog.logrocket.com/building-real-time-chat-app-using-laravel-reverb-vue/
2🎉1
Cracking Angular DI: The Hidden Layers of Injectors

Angular.love - a place for all Angular enthusiasts created to inspire and educate.

https://angular.love/cracking-angular-di-the-hidden-layers-of-injectors
TIL: inline event handlers still fire when passed to React’s dangerouslySetInnerHTML

Even though it won't run tags, React's dangerouslySetInnerHTML still allows inline event handlers to execute. Here's how you might neutralize that threat.

https://macarthur.me/posts/safer-dangerouslysetinnerhtml/
🔥1
Beautiful focus outlines

Baker’s son turned web developer, kneading pixels and code for 15+ years. I help you bake your ideas into websites 🥨.

https://medienbaecker.com/articles/focus-outlines
👍3
Why you should use SWC (and not Babel)

In this post, we'll cover the basics of transpilers and we'll compare Babel and SWC based on setup, execution, and speed.

https://blog.logrocket.com/why-you-should-use-swc/
🎉2
Enhancing two-way data binding in Angular

Angular's two-way data binding has evolved with signals, offering improved performance, simpler syntax, and better type inference.

https://blog.logrocket.com/enhancing-two-way-data-binding-angular/
1
What are React Portals?

Let's have a look at React Portals and how they can help you in a pinch.

https://techhub.iodigital.com/articles/what-are-react-portals
Web Almanac 2024 is live

The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.

https://almanac.httparchive.org/en/2024/
1