Best of Frontend DevelopmentFebruary 2023

  1. 1
    Article
    Avatar of towardsdevTowards Dev·3y

    Why Tailwind is better

    Tailwind CSS is a utility-first CSS framework that offers flexibility and allows for easy customization. It reduces the need for naming classes and simplifies the implementation of page designs. It also offers the advantage of automatic purging of unused classes and supports reusability of styles.

  2. 2
    Article
    Avatar of builderiobuilder.io·3y

    How To Improve Lighthouse Scores by Avoiding <img> Layout Shifts

    Improving Lighthouse scores can be achieved by setting the correct aspect ratio on images. Cumulative Layout Shift (CLS) is a metric that measures layout adjustments. Two recommended approaches to solving image CLS issues are using the aspect-ratio CSS property and setting width and height attributes on the img tag.

  3. 3
    Article
    Avatar of devtoDEV·3y

    Next.js vs. React: Which is the Best for Your Project

    This post compares React.js and Next.js to help readers understand the differences and decide which one to use for their projects.

  4. 4
    Article
    Avatar of devtoDEV·3y

    5 Custom React Hooks That Will Transform Your Code 🤖

    Discover 5 custom React hooks that can transform your code, including hooks for getting the window size, detecting key presses, using setInterval, debouncing functions, and throttling functions.

  5. 5
    Article
    Avatar of tshThe Software House·3y

    Zustand. React state management set up in a few minutes

    Zustand is a simple and fast state management solution for React. It requires minimal setup and is easy to use. It provides a flexible and unopinionated approach to state management. Zustand has several benefits, including minimal boilerplate code, easy access, flexibility, and the ability to create multiple stores. However, the documentation could be more specific and detailed, and it is a relatively new tool in the market.

  6. 6
    Article
    Avatar of devtoDEV·3y

    Rethinking the Modern Web

    Frontend has an engineering problem! The average website performance is regressing and the average developer productivity is grinding to a halt. The vibrant ecosystem in frontend is not translating to more accessible, functional apps for users or more speed and productivity for developers. The article discusses the counterintuitive equations in frontend development, the paradigm shift towards JavaScript-first approaches, and the need for a rethink in the modern web.

  7. 7
    Article
    Avatar of asayerasayer·3y

    Getting started with Alpine.js

    Alpine.js allows web developers to create interactive and reactive user interfaces. It is lightweight, easy to learn, and integrates well with other frameworks. The post also provides an example of building a todo app using Alpine.js.

  8. 8
    Article
    Avatar of lnLaravel News·3y

    Use Inertia.js like a boss

    Learn advanced patterns for building Inertia-powered apps with the book Advanced Inertia. Explore a production-ready Laravel application and get 15% off with the coupon code LARAVELNEWS.

  9. 9
    Article
    Avatar of asayerasayer·3y

    Building React components using Ant Design

    Learn how to use Ant Design's Design System and build React components with the library. Discover the components provided by Ant Design and how to create a sign-up page using the library.

  10. 10
    Article
    Avatar of asayerasayer·3y

    Using the CSS filter property

    This post explains the CSS filter property and how it can be used to enhance the appearance, quality, and color of web page elements. It covers the different filter effects available and demonstrates how to apply multiple filter effects.