Front End World
28K subscribers
4.22K photos
1 video
5.18K 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 Express v5: A New Era for Node.js Framework

Announcing the release of Express version 5

https://expressjs.com/2024/10/15/v5-release.html
πŸŽ‰1
Case Study: Duten’s 2024 Website

Explore the dynamic collaboration between designer SΓ©bastien Salord and the talented team at Incredibles Development Studio as they join forces to take Duten’s digital presence to the next level.

https://tympanus.net/codrops/2024/10/17/case-study-dutens-2024-website/
πŸ‘1
React Essentials: Stale State and Hooks Pitfalls

Discover common pitfalls of stale state and hooks in React and learn best practices for optimizing component performance.

https://karim-mokhtar.medium.com/react-essentials-stale-state-and-hooks-pitfalls-804c8ff174fb
I’ve Been Doing Blockquotes Wrong

https://css-irl.info/ive-been-doing-blockquotes-wrong/
πŸŽ‰2
State of CSS 2024: results

https://2024.stateofcss.com/en-US/
πŸ‘1πŸ”₯1
How should <selectedoption> work?

It's part of the new customisable , but there are some tricky details.

https://jakearchibald.com/2024/how-should-selectedoption-work/
πŸ‘1
Understanding Redux: A tutorial with examples

This guide provides a foundational understanding of Redux and why you should use it for state management in a React app.

https://blog.logrocket.com/understanding-redux-tutorial-examples/
πŸ‘2😁2🀣2
Redux Persist Storage Options: From LocalStorage to IndexedDB and Beyond

Explore different storage options available with Redux Persist

https://medium.com/@eva.matova6/redux-persist-storage-options-from-localstorage-to-indexeddb-and-beyond-2d36ca3c0dc3
πŸ”₯1
Interactive post on OKLCH color space

Limitations of sRGB, and how OKlch makes color transitions smoother and more natural, just like the human eye perceives them.

https://abhisaha.com/blog/interactive-post-oklch-color-space/
New scroll badge in DevTools: Find scrollable elements faster

Learn how DevTools' new scroll badge simplifies debugging scrollable elements (and how we built it!).

https://developer.chrome.com/blog/swe-devtools-scroll-badge?hl=en
πŸ‘2
How to Create Filling CSS Loaders Using One Element

In a previous article, I showed you how to create two types of CSS loaders: a spinner and a progress bar. In this article, you’ll learn about another variation called a filling CSS loader. I think a demo is worth thousands of words, so check out this...

https://www.freecodecamp.org/news/filling-css-loaders/
πŸ‘2❀1
How to Write Cleaner JavaScript Code with The Ternary Operator

When you're coding in JavaScript, handling decisions through conditional statements is one of the core tasks you'll frequently encounter. One of the most commonly used methods for this is the ternary operator. But what exactly is it, and when should ...

https://www.freecodecamp.org/news/write-cleaner-javascript-code-with-the-ternary-operator/
❀2
Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework

Piecesjs is a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.

https://tympanus.net/codrops/2024/10/21/getting-started-with-piecesjs-building-native-web-components-with-a-lightweight-framework/
πŸŽ‰1
Perfectly Fitting Text to Container in React

Building a React component that automatically updates its font size to fill its parent element as fully as possible.

https://sentry.engineering/blog/perfectly-fitting-text-to-container-in-react
Understanding infer in TypeScript

The infer keyword and conditional typing in TypeScript allow us to take a type and isolate any piece of it for later use. Learn more here.

https://blog.logrocket.com/understanding-infer-typescript/
❀2
A Modern CSS Reset

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

https://www.joshwcomeau.com/css/custom-css-reset/
πŸ‘3❀1🀣1