Top-10 Posts for FE (Week 4, May 2023)
Tags: webdev, javascript, css, html
Published: 2023-05-29 17:32:15

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.

## [Solving the "floating point precision" problem with... floats?](https://dev.to/voliva/solving-the-floating-point-precision-problem-with-floats-4369)

This article explores the problem of representing decimal numbers accurately in binary and discusses various solutions while emphasizing the limitations of fixed-point and floating-point representations.

![Solving the "floating point precision" problem with... floats?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bkgcjv8e8xfjs6mv6a6q.png)

## [Building a bidding system with NextJS](https://dev.to/novu/building-a-bidding-system-with-nextjs-cg1)

This article is a tutorial on building a simple bidding application using Next.js and the new server actions feature, where users can register, add products, place bids, and receive notifications.

![Building a bidding system with NextJS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kty7xsdi8ac5c48qdxdi.png)

## [The tricky CSS position: sticky](https://dev.to/adroitgroup/the-tricky-css-position-sticky-54n9)

This article discusses the CSS position property and its various values, with a focus on "sticky," providing examples and solutions for implementing sticky elements and achieving scrollable stickiness.

![The tricky CSS position: sticky](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7wupnlpowqz1nhw4y5oa.png)

## [HTML/CSS Concepts](https://dev.to/sd704/htmlcss-concepts-4pdh)

This article covers various topics in web development, including the box model, inline versus block elements, positioning, common CSS structural classes, CSS specificity, CSS responsive queries, Flexbox, Grid, and common header meta tags.

![HTML/CSS Concepts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/egm61v2johkljylpmhsp.png)

## [Meet Boxy, Your New AI Coding Assistant](https://dev.to/codesandboxio/meet-boxy-your-new-ai-coding-assistant-161e)

The article announces the beta release of the CodeSandbox AI coding assistant, named Boxy, that offers features like code refactoring, code generation, automatic commit messages, and educational support to enhance productivity and creativity for Pro subscribers.

![Meet Boxy, Your New AI Coding Assistant](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ue2vjcieyf98cyod1vhk.jpg)

## [Learn React The Lazy Way in 2023](https://dev.to/scofieldidehen/learn-react-the-lazy-way-in-2023-2gmm)

The article provides an introduction to React, discusses why it's worth learning in 2023, outlines the benefits of adopting a gradual learning approach, and covers topics such as setting up the development environment, building components, managing state and others.

![Learn React The Lazy Way in 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5f2lgk8yadr2c5earcc1.png)

## [Functional Programming Principles in JavaScript](https://dev.to/letstechtalks/functional-programming-principles-1m0n)

The article introduces functional programming, its principles (purity, immutability, disciplined state, first-class functions and higher-order functions, type systems, referential transparency), and explains why functional programming is beneficial and its potential drawbacks.

![Functional Programming Principles in JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iuy30sgfsr5cg6ojm9gy.png)

## [What's new in ES2023?](https://dev.to/jasmin/what-is-new-in-es2023-4bcm)

The article discusses the new features expected to be introduced in ECMAScript 2023 (ES2023), including finding elements from the last in an array, using hashbang grammar in CLI scripts, using symbols as keys in WeakMaps, and providing some array manipulation methods.

![What's new in ES2023?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/poolyfr6ztetquwsq44a.png)

## [A Comprehensive Guide of React Unit Testing](https://dev.to/refine/a-comprehensive-guide-of-react-unit-testing-18bh)

This article is about unit testing in the React.js framework, covering topics such as setting up a testing environment, writing unit tests for React components, testing and firing events in components, testing states and props, mocking function calls, and testing React hooks.

![A Comprehensive Guide of React Unit Testing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0bhepdg8e8iluuooxhe.png)

## [Top 5 Tailwind Component Libraries](https://dev.to/apestein/top-5-tailwind-component-libraries-m0c)

The article provides a comparison of different tailwind-based component libraries, discussing their features, advantages, and drawbacks, with the author ranking them based on their perceived professionalism, customization options, use of JavaScript, and abstraction levels.

![Top 5 Tailwind Component Libraries](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a3oa0oe0ulu5moo7t4jt.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)