Front End World
26.4K subscribers
3.52K photos
1 video
4.32K links
New articles about Front End development.
JS, CSS, React, Vue, Angular and others!

Generative Art: @drawbot_art
My russian tech blog: @five_a_m

Admin: @jem_jem
Download Telegram
Get your codebase ready for React 19

Is your app ready for what’s coming up in React 19’s release? Get prepared with what is going to change ahead of its release date.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19
SPA-Like Navigation Preserving Web Component State

Learn how to keep your web components' state intact while navigating, just like in a SPA!

https://aralroca.com/blog/spa-navigation
HTML attributes vs DOM properties

They're completely different, but often coupled.

https://jakearchibald.com/2024/attributes-vs-properties/
Global State Management Options in Angular

Photo by Kyle Glenn on Unsplash

https://medium.com/@seanhaddock_60973/global-state-management-options-in-angular-c063214380d0
5 use cases of worker threads in JavaScript

Find out the 5 common & practical use cases for worker threads in modern JavaScript

https://medium.com/deno-the-complete-reference/5-use-cases-of-worker-threads-in-javascript-5ce94ce1365d
Comparing React state tools: Mutative vs. Immer vs. reducers

Mutative processes data with better performance than both Immer and native reducers. Let's compare these data handling options in React.

https://blog.logrocket.com/react-state-tools-mutative-vs-immer-vs-reducers/
How to Add Media to Your HTML Email Template

In my previous article, "How to Create a Responsive HTML Email Template /news/how-to-create-a-responsive-html-email-template/," we explored the fundamentals of designing and coding a simple HTML email template that adapts beautifully across different devices and email clients. I got a couple of questions about adding media to the HTML email template.

https://www.freecodecamp.org/news/how-to-add-media-to-your-html-email-template/
Understanding the CSS revert-layer keyword

In this article, we’ll explore CSS cascade layers — and, specifically, the revert-layer keyword — to help you refine your styling strategy.

https://blog.logrocket.com/understanding-css-revert-layer/
Creating Fluid Typography with the CSS clamp() Function

We dive into the intricacies of how to use the CSS clamp() function to scale the size of text across a range of device sizes.

https://www.sitepoint.com/fluid-typography-css-clamp-function/
Blurry Text Reveal on Scroll

A blurry text reveal animation on scroll inspired by Rauno's "Blur reveal".

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/
Reactive Revolution: Unveiling Vue 3’s Proxies vs. Vue 2’s DefineProperty

While it may seem that I’m a bit late to the party, the innovations within Vue.js 3 remain as relevant and exciting as ever. Though Vue 3…

https://codethenpizza.medium.com/reactive-revolution-unveiling-vue-3s-proxies-vs-vue-2-s-defineproperty-ad9da4341fc9
Fluid for Tailwind CSS: Smoother responsive styles in less code.

A Tailwind plugin to easily generate fluid clamp() values with every utility.

https://fluid.tw/
React 19 Beta Release: A Quick Guide

Exploring the New Features and Enhancements of React 19 Beta

https://javascript.plainenglish.io/react-19-beta-release-a-quick-guide-05678e2ed571
Talks from Epic Web Conf 2024

A Collection of Epic Web Development talks.

https://www.epicweb.dev/talks
Latency numbers every frontend developer should know

Latency numbers every web developer should know

https://vercel.com/blog/latency-numbers-every-web-developer-should-know
What is Vite (and why is it so popular)?

At StackBlitz, we're not shy about how much we love Vite. Here's what you need to know about the next-generation Javascript build tool.

https://blog.stackblitz.com/posts/what-is-vite-introduction/
What is a Vue.js Composable?

The best feature of the Vue.js Composition API is the ability to extract reactive state and functionality into their own reusable modules or "composables".

https://vueschool.io/articles/vuejs-tutorials/what-is-a-vue-js-composable/
A guide to cookies in Next.js

Cookies are crucial to web development. This article will explore how to handle cookies in your Next.js applications.

https://blog.logrocket.com/guide-cookies-next-js/