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
Working with the Angular tree

The Angular tree view can be hard to get right, but once you understand it, it can be quite a powerful visual representation.

https://blog.logrocket.com/angular-tree-flat-vs-nested-and-more/
1
React useCallback() — A complete guide

Prevent unnecessary re-renders with React useCallback(). Learn the ins and outs of this powerful Hook and when and how to use it effectively.

https://hygraph.com/blog/react-usecallback-a-complete-guide
👍2
An official logo for CSS

Contribute to CSS-Next/logo.css development by creating an account on GitHub.

https://github.com/CSS-Next/logo.css
👍1
👍2
Developing Moxey: A Behind-the-Scenes Look at the Process

In this article, we take you behind the scenes to explore the creative development process of the website for Moxey.no, a film production company based in Stavanger, Norway.

https://tympanus.net/codrops/2024/11/15/developing-moxey-a-behind-the-scenes-look-at-the-process/
👍3
Framer Motion is now independent, introducing Motion

Framer Motion is now independent. Introducing Motion, a new animation library for React and all JavaScript environments. Here's what it means for you.

https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
2👍2
Building React Forms with Ease Using React Hook Form, Zod and Shadcn

Forms are something every developer encounters, whether as a user or on the developer side. They’re essential on most websites, but their complexity can vary wildly—from simple 3-field contact forms to giga-monster-t-rex, multi-page forms with 150 fields, dynamic validation, and asynchronous checks.

https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod
👍4🔥2
The CSS Reset Contradiction

Read The CSS Reset Contradiction and learn CSS with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

https://www.sitepoint.com/css-reset-contradiction/
How to Prerelease an npm Package

Recently, we overhauled our shared ESLint config, and I needed to release an alpha version. Thankfully, it turns out to be straightforward, once you know how to do it.

https://cloudfour.com/thinks/how-to-prerelease-an-npm-package/
👍3
Loading Data with TanStack Router: react-query

https://frontendmasters.com/blog/tanstack-router-data-loading-2/
👏2🥰1
Meet Angular v19

In the past two years we doubled down on our investment in developer experience and performance — in every single release we’ve been…

https://blog.angular.dev/meet-angular-v19-7b29dfd05b84
👍1
Don’t forget to localize your icons

Culture impacts how icons are interpreted, understood, and used.

https://ericwbailey.website/published/dont-forget-to-localize-your-icons/
The devtools features you wish you had, available in Polypane

A while ago Adam Argyle of the Chrome Devtools team asked developers on X/Twitter a question: Adam got a ton of responses with many good suggestions and ideas…

https://polypane.app/blog/the-devtools-features-you-wish-you-had-available-in-polypane/
CSS’s new light-dark() function is the best way to do Dark Mode in 2024

It is 2024, and finally there is a pure CSS way of doing dynamic theming, that just works!

https://medium.com/front-end-weekly/forget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b
1👍1👎1
Supercharged Vue 3.0 Reactivity + Pinia Stores

At my workplace I was being tasked with creating a mock chat store for internal local dev work, and...

https://dev.to/ajinkyax/understanding-vue-reactivity-with-pinia-stores-4ahi
🥰2
You are not a CSS dev if you have not made a CSS reset

Modern day super minimal CSS resets.

https://mikemai.net/blog/2024/11/01/you-are-not-a-css-dev-if-you-have-not-made-a-css-reset.html
👍8