Top-10 Posts for FE (Week 1, May 2023)
Tags: css, javascript, webdev, beginners
Published: 2023-05-08 15:51:54

Here are the top 10 posts from the past week that will be useful to front-end developers and beyond. The selection was made on the basis of their interestingness, uniqueness, presentation, usefulness and subjective assessment of the author.

## [Styled Components and SCSS. Which One Should You Use?](https://dev.to/willochs316/styled-components-and-scss-which-one-should-you-use-509a)

The article discusses the pros and cons of using styled components and SCSS in your projects and suggests the best use cases for each.

![Styled Components and SCSS Which One Should You Use?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7jwdxrkz3n9engf7kqt4.png)

## [Everything You Need to Know About Using HTML Block and Inline Elements](https://dev.to/max88git/everything-you-need-to-know-about-using-html-block-and-inline-elements-4oh1)

This article explains the differences between block and inline elements in HTML and when to use each type.

![Everything You Need to Know About Using HTML Block and Inline Elements](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iip9rvyhj369r11rvhd6.png)

## [:root isn't global](https://dev.to/kilianvalkhof/root-isnt-global-2km8)

The article explains how the CSS `:root` selector works and why it's not the same as defining a global variable in JavaScript.

![:root isn't global](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lk8mftf0jz9nkx15fi6j.png)

## [Easy date and time localization with the time HTML element](https://dev.to/kovah/easy-date-and-time-localization-with-the-time-html-element-3a69)

This article explains how to use the time HTML element to easily localize date and time in web applications.

![Easy date and time localization with the time HTML element](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/li83ov31beahc0636b32.png)

## [A love story of Svelte and JSX](https://dev.to/rajaniraiyn/a-love-story-of-svelte-and-jsx-13j)

This article explores the relationship between Svelte and JSX, revealing that Svelte secretly uses JSX features to provide rich developer experience, and explains how this clever approach allows Svelte and JSX to coexist together.

![A love story of Svelte and JSX](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ydmg0ndck2f7yqwgsoo.png)

## [The Sorting Algorithms you need to know](https://dev.to/jliciagasilva/the-sorting-algorithms-you-need-to-know-kff)

This article provides an overview of different sorting algorithms, including their time complexity and space complexity.

![The Sorting Algorithms you need to know](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0jsxazu67cu2dq1o281i.png)

## [Flexbox Magic: Design Patterns to Boost Your Projects](https://dev.to/almonteluis/flexbox-magic-design-patterns-to-boost-your-projects-2a95)

This article explores various Flexbox design patterns to enhance and optimize projects through a flexible layout structure.

![Flexbox Magic: Design Patterns to Boost Your Projects](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7z8tyhalxkbzcr5kz87a.png)

## [Error, Error Handling and Error Handling Technique](https://dev.to/chiedoxie/error-error-handling-and-error-handling-technique-4ge8)

This article explains the importance of error handling in software development and describes various error handling techniques to ensure the smooth functioning of the software.

![Error, Error Handling and Error Handling Technique](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b0x97givszaejybo4wdg.png)

## [Do you really know what Typescript is](https://dev.to/kalashin1/do-you-really-know-what-typescript-is-35k4)

The article discusses the fundamental concepts of TypeScript and its benefits, including static typing, type inference, and type guards.

![Do you really know what Typescript is](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5on2r5l0u90xv6nxvcs1.png)

## [How to Customize Website Appearance with CSS Content?](https://dev.to/tobezhanabi/how-to-customize-website-appearance-with-css-content-4d77)

This article explains how to use CSS content property to customize the appearance of a website by adding custom text, symbols, or images.

![How to Customize Website Appearance with CSS Content?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5d4vzhog6ghe7vcy76vu.png)


---

[![More News on channel t.me/fruntend_news](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4qyxv1b74oody1eb0k10.jpg)](https://telegram.me/fruntend_news)[![By me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zir1erzg7v28nvyuue09.jpg)](https://www.buymeacoffee.com/fruntend)